@-webkit-keyframes wrench {
    0% {
        transform: rotate(-12deg);
    }
    8% {
        transform: rotate(12deg);
    }
    10% {
        transform: rotate(24deg);
    }
    18% {
        transform: rotate(-24deg);
    }
    20% {
        transform: rotate(-24deg);
    }
    28% {
        transform: rotate(24deg);
    }
    30% {
        transform: rotate(24deg);
    }
    38% {
        transform: rotate(-24deg);
    }
    40% {
        transform: rotate(-24deg);
    }
    48% {
        transform: rotate(24deg);
    }
    50% {
        transform: rotate(24deg);
    }
    58% {
        transform: rotate(-24deg);
    }
    60% {
        transform: rotate(-24deg);
    }
    68% {
        transform: rotate(24deg);
    }
    100%,
    75% {
        transform: rotate(0deg);
    }
}

@keyframes wrench {
    0% {
        transform: rotate(-12deg);
    }
    8% {
        transform: rotate(12deg);
    }
    10% {
        transform: rotate(24deg);
    }
    18% {
        transform: rotate(-24deg);
    }
    20% {
        transform: rotate(-24deg);
    }
    28% {
        transform: rotate(24deg);
    }
    30% {
        transform: rotate(24deg);
    }
    38% {
        transform: rotate(-24deg);
    }
    40% {
        transform: rotate(-24deg);
    }
    48% {
        transform: rotate(24deg);
    }
    50% {
        transform: rotate(24deg);
    }
    58% {
        transform: rotate(-24deg);
    }
    60% {
        transform: rotate(-24deg);
    }
    68% {
        transform: rotate(24deg);
    }
    100%,
    75% {
        transform: rotate(0deg);
    }
}

.faa-parent.animated-hover:hover>.faa-wrench,
.faa-wrench.animated,
.faa-wrench.animated-hover:hover {
    animation: 2.5s ease 0s infinite normal none running wrench;
}

.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-wrench.animated.faa-fast {
    animation: 1.2s ease 0s infinite normal none running wrench;
}

.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-wrench.animated.faa-slow {
    animation: 3.7s ease 0s infinite normal none running wrench;
}

@-webkit-keyframes ring {
    0% {
        transform: rotate(-15deg);
    }
    2% {
        transform: rotate(15deg);
    }
    4% {
        transform: rotate(-18deg);
    }
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    12% {
        transform: rotate(-18deg);
    }
    14% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    100%,
    20% {
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        transform: rotate(-15deg);
    }
    2% {
        transform: rotate(15deg);
    }
    4% {
        transform: rotate(-18deg);
    }
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    12% {
        transform: rotate(-18deg);
    }
    14% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    100%,
    20% {
        transform: rotate(0deg);
    }
}

.faa-parent.animated-hover:hover>.faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    animation: 2s ease 0s infinite normal none running ring;
}

.faa-parent.animated-hover:hover>.faa-ring.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-ring.animated.faa-fast {
    animation: 1s ease 0s infinite normal none running ring;
}

.faa-parent.animated-hover:hover>.faa-ring.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-ring.animated.faa-slow {
    animation: 3s ease 0s infinite normal none running ring;
}

@-webkit-keyframes vertical {
    0% {
        transform: translate(0px, -3px);
    }
    4% {
        transform: translate(0px, 3px);
    }
    8% {
        transform: translate(0px, -3px);
    }
    12% {
        transform: translate(0px, 3px);
    }
    16% {
        transform: translate(0px, -3px);
    }
    20% {
        transform: translate(0px, 3px);
    }
    100%,
    22% {
        transform: translate(0px, 0px);
    }
}

@keyframes vertical {
    0% {
        transform: translate(0px, -3px);
    }
    4% {
        transform: translate(0px, 3px);
    }
    8% {
        transform: translate(0px, -3px);
    }
    12% {
        transform: translate(0px, 3px);
    }
    16% {
        transform: translate(0px, -3px);
    }
    20% {
        transform: translate(0px, 3px);
    }
    100%,
    22% {
        transform: translate(0px, 0px);
    }
}

.faa-parent.animated-hover:hover>.faa-vertical,
.faa-vertical.animated,
.faa-vertical.animated-hover:hover {
    animation: 2s ease 0s infinite normal none running vertical;
}

.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,
.faa-vertical.animated-hover.faa-fast:hover,
.faa-vertical.animated.faa-fast {
    animation: 1s ease 0s infinite normal none running vertical;
}

.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,
.faa-vertical.animated-hover.faa-slow:hover,
.faa-vertical.animated.faa-slow {
    animation: 4s ease 0s infinite normal none running vertical;
}

@-webkit-keyframes horizontal {
    0% {
        transform: translate(0px, 0px);
    }
    6% {
        transform: translate(5px, 0px);
    }
    12% {
        transform: translate(0px, 0px);
    }
    18% {
        transform: translate(5px, 0px);
    }
    24% {
        transform: translate(0px, 0px);
    }
    30% {
        transform: translate(5px, 0px);
    }
    100%,
    36% {
        transform: translate(0px, 0px);
    }
}

@keyframes horizontal {
    0% {
        transform: translate(0px, 0px);
    }
    6% {
        transform: translate(5px, 0px);
    }
    12% {
        transform: translate(0px, 0px);
    }
    18% {
        transform: translate(5px, 0px);
    }
    24% {
        transform: translate(0px, 0px);
    }
    30% {
        transform: translate(5px, 0px);
    }
    100%,
    36% {
        transform: translate(0px, 0px);
    }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-horizontal {
    animation: 2s ease 0s infinite normal none running horizontal;
}

.faa-horizontal.animated-hover.faa-fast:hover,
.faa-horizontal.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast {
    animation: 1s ease 0s infinite normal none running horizontal;
}

.faa-horizontal.animated-hover.faa-slow:hover,
.faa-horizontal.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow {
    animation: 3s ease 0s infinite normal none running horizontal;
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-flash {
    animation: 2s ease 0s infinite normal none running flash;
}

.faa-flash.animated-hover.faa-fast:hover,
.faa-flash.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-flash.faa-fast {
    animation: 1s ease 0s infinite normal none running flash;
}

.faa-flash.animated-hover.faa-slow:hover,
.faa-flash.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-flash.faa-slow {
    animation: 3s ease 0s infinite normal none running flash;
}

@-webkit-keyframes bounce {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0px);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    10%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0px);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-bounce {
    animation: 2s ease 0s infinite normal none running bounce;
}

.faa-bounce.animated-hover.faa-fast:hover,
.faa-bounce.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-bounce.faa-fast {
    animation: 1s ease 0s infinite normal none running bounce;
}

.faa-bounce.animated-hover.faa-slow:hover,
.faa-bounce.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-bounce.faa-slow {
    animation: 3s ease 0s infinite normal none running bounce;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.faa-parent.animated-hover:hover>.faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
    animation: 1.5s linear 0s infinite normal none running spin;
}

.faa-parent.animated-hover:hover>.faa-spin.faa-fast,
.faa-spin.animated-hover.faa-fast:hover,
.faa-spin.animated.faa-fast {
    animation: 0.7s linear 0s infinite normal none running spin;
}

.faa-parent.animated-hover:hover>.faa-spin.faa-slow,
.faa-spin.animated-hover.faa-slow:hover,
.faa-spin.animated.faa-slow {
    animation: 2.2s linear 0s infinite normal none running spin;
}

@-webkit-keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
    }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-float {
    animation: 2s linear 0s infinite normal none running float;
}

.faa-float.animated-hover.faa-fast:hover,
.faa-float.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-float.faa-fast {
    animation: 1s linear 0s infinite normal none running float;
}

.faa-float.animated-hover.faa-slow:hover,
.faa-float.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-float.faa-slow {
    animation: 3s linear 0s infinite normal none running float;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.1);
    }
}

.faa-parent.animated-hover:hover>.faa-pulse,
.faa-pulse.animated,
.faa-pulse.animated-hover:hover {
    animation: 2s linear 0s infinite normal none running pulse;
}

.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-pulse.animated.faa-fast {
    animation: 1s linear 0s infinite normal none running pulse;
}

.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-pulse.animated.faa-slow {
    animation: 3s linear 0s infinite normal none running pulse;
}

.faa-parent.animated-hover:hover>.faa-shake,
.faa-shake.animated,
.faa-shake.animated-hover:hover {
    animation: 2.5s ease 0s infinite normal none running wrench;
}

.faa-parent.animated-hover:hover>.faa-shake.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-shake.animated.faa-fast {
    animation: 1.2s ease 0s infinite normal none running wrench;
}

.faa-parent.animated-hover:hover>.faa-shake.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-shake.animated.faa-slow {
    animation: 3.7s ease 0s infinite normal none running wrench;
}

@-webkit-keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        transform: scale(1) rotate(0deg);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        transform: scale(1) rotate(0deg);
    }
}

.faa-parent.animated-hover:hover>.faa-tada,
.faa-tada.animated,
.faa-tada.animated-hover:hover {
    animation: 2s linear 0s infinite normal none running tada;
}

.faa-parent.animated-hover:hover>.faa-tada.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-tada.animated.faa-fast {
    animation: 1s linear 0s infinite normal none running tada;
}

.faa-parent.animated-hover:hover>.faa-tada.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-tada.animated.faa-slow {
    animation: 3s linear 0s infinite normal none running tada;
}

@-webkit-keyframes passing {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes passing {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

.faa-parent.animated-hover:hover>.faa-passing,
.faa-passing.animated,
.faa-passing.animated-hover:hover {
    animation: 2s linear 0s infinite normal none running passing;
}

.faa-parent.animated-hover:hover>.faa-passing.faa-fast,
.faa-passing.animated-hover.faa-fast:hover,
.faa-passing.animated.faa-fast {
    animation: 1s linear 0s infinite normal none running passing;
}

.faa-parent.animated-hover:hover>.faa-passing.faa-slow,
.faa-passing.animated-hover.faa-slow:hover,
.faa-passing.animated.faa-slow {
    animation: 3s linear 0s infinite normal none running passing;
}

@-webkit-keyframes passing-reverse {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%);
        opacity: 0;
    }
}

@keyframes passing-reverse {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    50% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%);
        opacity: 0;
    }
}

.faa-parent.animated-hover:hover>.faa-passing-reverse,
.faa-passing-reverse.animated,
.faa-passing-reverse.animated-hover:hover {
    animation: 2s linear 0s infinite normal none running passing-reverse;
}

.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,
.faa-passing-reverse.animated-hover.faa-fast:hover,
.faa-passing-reverse.animated.faa-fast {
    animation: 1s linear 0s infinite normal none running passing-reverse;
}

.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,
.faa-passing-reverse.animated-hover.faa-slow:hover,
.faa-passing-reverse.animated.faa-slow {
    animation: 3s linear 0s infinite normal none running passing-reverse;
}

@-webkit-keyframes burst {
    0% {
        opacity: 0.6;
    }
    50% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes burst {
    0% {
        opacity: 0.6;
    }
    50% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-burst {
    animation: 2s linear 0s infinite normal none running burst;
}

.faa-burst.animated-hover.faa-fast:hover,
.faa-burst.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-burst.faa-fast {
    animation: 1s linear 0s infinite normal none running burst;
}

.faa-burst.animated-hover.faa-slow:hover,
.faa-burst.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-burst.faa-slow {
    animation: 3s linear 0s infinite normal none running burst;
}

@-webkit-keyframes falling {
    0% {
        transform: translateY(-50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}

@keyframes falling {
    0% {
        transform: translateY(-50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}

.faa-falling.animated,
.faa-falling.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-falling {
    animation: 2s linear 0s infinite normal none running falling;
}

.faa-falling.animated-hover.faa-fast:hover,
.faa-falling.animated.faa-fast,
.faa-parent.animated-hover:hover>.faa-falling.faa-fast {
    animation: 1s linear 0s infinite normal none running falling;
}

.faa-falling.animated-hover.faa-slow:hover,
.faa-falling.animated.faa-slow,
.faa-parent.animated-hover:hover>.faa-falling.faa-slow {
    animation: 3s linear 0s infinite normal none running falling;
}

@-webkit-keyframes rising {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%);
        opacity: 0;
    }
}

@keyframes rising {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%);
        opacity: 0;
    }
}

.faa-parent.animated-hover:hover>.faa-rising,
.faa-rising.animated,
.faa-rising.animated-hover:hover {
    animation: 2s linear 0s infinite normal none running rising;
}

.faa-parent.animated-hover:hover>.faa-rising.faa-fast,
.faa-rising.animated-hover.faa-fast:hover,
.faa-rising.animated.faa-fast {
    animation: 1s linear 0s infinite normal none running rising;
}

.faa-parent.animated-hover:hover>.faa-rising.faa-slow,
.faa-rising.animated-hover.faa-slow:hover,
.faa-rising.animated.faa-slow {
    animation: 3s linear 0s infinite normal none running rising;
}

html {
    line-height: 1.15;
    text-size-adjust: 100%;
}

body {
    margin: 0px;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0px;
}

hr {
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0px;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    appearance: button;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    appearance: none;
}

 ::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span,
#sidebar #sidebar-menus .menus_items .site-page,
.limit-one-line,
.site-data>a .headline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#article-container figure.gallery-group .gallery-group-name,
#article-container figure.gallery-group p,
#aside-content .aside-list>.aside-list-item .content>.comment,
#aside-content .aside-list>.aside-list-item .content>.name,
#aside-content .aside-list>.aside-list-item .content>.title,
.limit-more-line,
.relatedPosts>.relatedPosts-list .content .title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

#article-container h1::before,
#article-container h2::before,
#article-container h3::before,
#article-container h4::before,
#article-container h5::before,
#article-container h6::before,
.fontawesomeIcon,
.menu-list-child i::before,
.menu-list-item i::before,
.note:not(.no-icon)::before,
span.categoryBar-list-count::before {
    display: inline-block;
    font-weight: 600;
    font-family: "Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#aside-content .card-widget,
.cardHover,
.layout>div:first-child:not(.recent-posts) {
    border-radius: 8px;
    background: var(--card-bg);
    box-shadow: var(--card-box-shadow);
    transition: all 0.3s ease 0s;
}

#aside-content .card-widget:hover,
.cardHover:hover,
.layout>div:first-child:not(.recent-posts):hover {
    box-shadow: var(--card-hover-box-shadow);
}

#aside-content .aside-list>.aside-list-item .thumbnail>img,
.imgHover {
    width: 100%;
    height: 100%;
    transition: filter 375ms ease-in 0.2s, transform 0.6s ease 0s;
    object-fit: cover;
}

#aside-content .aside-list>.aside-list-item .thumbnail>img:hover,
.imgHover:hover {
    transform: scale(1.1);
}

.postImgHover:hover img,
.relatedPosts>.relatedPosts-list>div:hover img {
    opacity: 0.8;
    transform: scale(1.1);
}

.postImgHover img,
.relatedPosts>.relatedPosts-list>div img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    transition: all 0.6s ease 0s, filter 375ms ease-in 0.2s;
    object-fit: cover;
}

#algolia-search .search-dialog .ais-Hits-list,
.category-lists ul,
.list-beauty {
    list-style: none;
}

#algolia-search .search-dialog .ais-Hits-list li,
.category-lists ul li,
.list-beauty li {
    position: relative;
    padding: 0.12em 0.4em 0.12em 1.4em;
}

#algolia-search .search-dialog .ais-Hits-list li:hover::before,
.category-lists ul li:hover::before,
.list-beauty li:hover::before {
    border-color: var(--pseudo-hover);
}

#algolia-search .search-dialog .ais-Hits-list li::before,
.category-lists ul li::before,
.list-beauty li::before {
    position: absolute;
    top: 0.67em;
    left: 0px;
    width: 0.43em;
    height: 0.43em;
    border: 0.215em solid rgb(242, 86, 59);
    border-radius: 0.43em;
    background: 0px 0px;
    content: "";
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}

#content-inner,
#footer {
    animation: 1s ease 0s 1 normal none running bottom-top;
}

#page-header {
    animation: 1s ease 0s 1 normal none running header-effect;
}

#site-subtitle,
#site-title {
    animation: 1s ease 0s 1 normal none running titleScale;
}

#nav.show {
    animation: 1s ease 0s 1 normal none running headerNoOpacity;
}

#sidebar-menus.open> :nth-child(1) {
    animation: 0.2s ease 0s 1 normal none running sidebarItem;
}

#sidebar-menus.open> :nth-child(2) {
    animation: 0.4s ease 0s 1 normal none running sidebarItem;
}

#sidebar-menus.open> :nth-child(3) {
    animation: 0.6s ease 0s 1 normal none running sidebarItem;
}

#sidebar-menus.open> :nth-child(4) {
    animation: 0.8s ease 0s 1 normal none running sidebarItem;
}

.scroll-down-effects {
    animation: 1.5s ease 0s infinite normal none running scroll-down-effect;
}

.reward-main {
    animation: 0.3s ease 0.1s 1 normal both running donate_effcet;
}

@-webkit-keyframes scroll-down-effect {
    0% {
        top: 0px;
        opacity: 0.4;
    }
    50% {
        top: -16px;
        opacity: 1;
        filter: none;
    }
    100% {
        top: 0px;
        opacity: 0.4;
    }
}

@keyframes scroll-down-effect {
    0% {
        top: 0px;
        opacity: 0.4;
    }
    50% {
        top: -16px;
        opacity: 1;
        filter: none;
    }
    100% {
        top: 0px;
        opacity: 0.4;
    }
}

@-webkit-keyframes header-effect {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@keyframes header-effect {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@-webkit-keyframes headerNoOpacity {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes headerNoOpacity {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes bottom-top {
    0% {
        margin-top: 50px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
        filter: none;
    }
}

@keyframes bottom-top {
    0% {
        margin-top: 50px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
        filter: none;
    }
}

@-webkit-keyframes titleScale {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: scale(1);
    }
}

@keyframes titleScale {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: scale(1);
    }
}

@-webkit-keyframes search_close {
    0% {
        opacity: 1;
        filter: none;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}

@keyframes search_close {
    0% {
        opacity: 1;
        filter: none;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}

@-webkit-keyframes to_show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        filter: none;
    }
}

@keyframes to_show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        filter: none;
    }
}

@-webkit-keyframes to_hide {
    0% {
        opacity: 1;
        filter: none;
    }
    100% {
        opacity: 0;
    }
}

@keyframes to_hide {
    0% {
        opacity: 1;
        filter: none;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ribbon_to_show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.6;
    }
}

@keyframes ribbon_to_show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.6;
    }
}

@-webkit-keyframes avatar_turn_around {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes avatar_turn_around {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sub_menus {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@keyframes sub_menus {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@-webkit-keyframes donate_effcet {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@keyframes donate_effcet {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        filter: none;
        transform: translateY(0px);
    }
}

@-webkit-keyframes sidebarItem {
    0% {
        transform: translateX(200px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes sidebarItem {
    0% {
        transform: translateX(200px);
    }
    100% {
        transform: translateX(0px);
    }
}

 :root {
    --global-font-size: 16px;
    --global-bg: #fff;
    --font-color: #4c4948;
    --hr-border: #fc889d;
    --hr-before-color: #fb5876;
    --search-bg: #f6f8fa;
    --search-input-color: #49b1f5;
    --search-result-title: #49b1f5;
    --preloader-bg: radial-gradient(#353c44, #222931);
    --preloader-color: #fff;
    --tab-border-color: #f0f0f0;
    --tab-botton-bg: #f0f0f0;
    --tab-botton-color: #1f2d3d;
    --tab-button-hover-bg: #dcdcdc;
    --tab-button-active-bg: #fff;
    --card-bg: #fff;
    --sidebar-bg: #f6f8fa;
    --btn-hover-color: #6842ff;
    --btn-color: #fff;
    --btn-bg: #f2563b;
    --text-bg-hover: rgba(242, 86, 59, 0.7);
    --light-grey: #eee;
    --dark-grey: #cacaca;
    --white: #fff;
    --text-highlight-color: #1f2d3d;
    --blockquote-color: #6a737d;
    --blockquote-bg: rgba(73, 177, 245, 0.1);
    --reward-pop: #f5f5f5;
    --toc-link-color: #666261;
    --card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.05);
    --card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.09);
    --pseudo-hover: #6842ff;
    --headline-presudo: #a0a0a0;
    --scrollbar-color: #49b1f5;
}

body {
    position: relative;
    min-height: 100%;
    background: var(--global-bg);
    color: var(--font-color);
    font-size: var(--global-font-size);
    font-family: ZhuZiAYuanJWD, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", STZhongsong, "Lantinghei SC", sans-serif;
    line-height: 2;
    -webkit-tap-highlight-color: transparent;
}

 ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

 ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color);
}

 ::-webkit-scrollbar-track {
    background-color: transparent;
}

* {}

input::placeholder {
    color: var(--font-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin: 20px 0px 14px;
    color: var(--text-highlight-color);
    font-weight: 700;
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    font-size: inherit !important;
}

* {
    box-sizing: border-box;
}

.table-wrap {
    overflow-x: scroll;
    margin: 0px 0px 20px;
}

table {
    display: table;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}

table thead {
    background: rgba(153, 169, 191, 0.1);
}

table td,
table th {
    padding: 6px 12px;
    border: 1px solid var(--light-grey);
    vertical-align: middle;
}

 ::selection {
    background: rgb(0, 196, 182);
    color: rgb(247, 247, 247);
}

button {
    padding: 0px;
    outline: 0px;
    border: none;
    background: 0px 0px;
    cursor: pointer;
    touch-action: manipulation;
}

a {
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    overflow-wrap: break-word;
}

a:hover {
    color: rgb(242, 86, 59);
}

.is-center {
    text-align: center;
}

.copy-true {
    user-select: all;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

img:not([src]),
img[src=""] {
    opacity: 0;
}

img[data-lazy-src].error {
    filter: none;
}

.img-alt {
    margin: -10px 0px 10px;
    color: rgb(133, 133, 133);
}

.img-alt:hover {
    text-decoration: none !important;
}

blockquote {
    margin: 0px 0px 20px;
    padding: 12px 15px;
    border-left: 3px solid rgb(73, 177, 245);
    background-color: var(--blockquote-bg);
    /* color: var(--blockquote-color); */
}

blockquote footer cite::before {
    padding: 0px 5px;
    content: "—";
}

blockquote> :last-child {
    margin-bottom: 0px !important;
}

 :root {
    --hl-color: #eff;
    --hl-bg: #212121;
    --hltools-bg: #1c1c1c;
    --hltools-color: rgba(238, 255, 255, 0.8);
    --hlnumber-bg: #212121;
    --hlnumber-color: rgba(238, 255, 255, 0.5);
    --hlscrollbar-bg: #353535;
    --hlexpand-bg: linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9));
}

figure.highlight table {}

figure.highlight table::-webkit-scrollbar-thumb {
    background: var(--hlscrollbar-bg);
}

figure.highlight pre .deletion {
    color: rgb(191, 66, 191);
}

figure.highlight pre .addition {
    color: rgb(16, 94, 222);
}

figure.highlight pre .meta {
    color: rgb(199, 146, 234);
}

figure.highlight pre .comment {
    color: rgb(150, 152, 150);
}

figure.highlight pre .attribute,
figure.highlight pre .css .class,
figure.highlight pre .css .id,
figure.highlight pre .css .pseudo,
figure.highlight pre .html .doctype,
figure.highlight pre .regexp,
figure.highlight pre .ruby .constant,
figure.highlight pre .tag .name,
figure.highlight pre .variable,
figure.highlight pre .xml .doctype,
figure.highlight pre .xml .pi,
figure.highlight pre .xml .tag .title {
    color: rgb(255, 83, 112);
}

figure.highlight pre .tag {
    color: rgb(137, 221, 255);
}

figure.highlight pre .command,
figure.highlight pre .constant,
figure.highlight pre .literal,
figure.highlight pre .number,
figure.highlight pre .params,
figure.highlight pre .preprocessor {
    color: rgb(247, 140, 108);
}

figure.highlight pre .built_in {
    color: rgb(255, 203, 107);
}

figure.highlight pre .css .rules .attribute,
figure.highlight pre .formula,
figure.highlight pre .header,
figure.highlight pre .inheritance,
figure.highlight pre .number,
figure.highlight pre .ruby .class .title,
figure.highlight pre .ruby .symbol,
figure.highlight pre .special,
figure.highlight pre .string,
figure.highlight pre .value,
figure.highlight pre .xml .cdata {
    color: rgb(195, 232, 141);
}

figure.highlight pre .css .hexcolor,
figure.highlight pre .keyword,
figure.highlight pre .title {
    color: rgb(137, 221, 255);
}

figure.highlight pre .coffeescript .title,
figure.highlight pre .function,
figure.highlight pre .javascript .title,
figure.highlight pre .perl .sub,
figure.highlight pre .python .decorator,
figure.highlight pre .python .title,
figure.highlight pre .ruby .function .title,
figure.highlight pre .ruby .title .keyword {
    color: rgb(130, 170, 255);
}

figure.highlight pre .javascript .function,
figure.highlight pre .tag .attr {
    color: rgb(199, 146, 234);
}

#article-container figure.highlight .line.marked {
    background-color: rgba(97, 97, 97, 0.314);
}

#article-container figure.highlight table {
    display: block;
    overflow: auto;
    border: none;
}

#article-container figure.highlight table td {
    padding: 0px;
    border: none;
}

#article-container figure.highlight .gutter pre {
    padding-right: 10px;
    padding-left: 10px;
    background-color: var(--hlnumber-bg);
    color: var(--hlnumber-color);
    text-align: right;
}

#article-container figure.highlight .code pre {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
}

#article-container figure.highlight,
#article-container pre {
    overflow: auto;
    margin: 0px 0px 20px;
    padding: 0px;
    background: var(--hl-bg);
    color: var(--hl-color);
    line-height: 1.6;
}

#article-container code,
#article-container pre {
    font-size: 16px;
    font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
}

#article-container code {
    padding: 2px 4px;
    background: rgba(30, 30, 30, 0.05);
    color: rgb(244, 116, 102);
}

#article-container pre {
    padding: 10px 20px;
}

#article-container pre code {
    padding: 0px;
    background: 0px 0px;
    color: var(--hl-color);
    text-shadow: none;
}

#article-container figure.highlight {
    position: relative;
}

#article-container figure.highlight pre {
    margin: 0px;
    padding: 8px 0px;
    border: none;
}

#article-container figure.highlight .caption,
#article-container figure.highlight figcaption {
    padding: 6px 0px 2px 14px;
    font-size: 16px;
    line-height: 1em;
}

#article-container figure.highlight .caption a,
#article-container figure.highlight figcaption a {
    float: right;
    padding-right: 10px;
    color: var(--hl-color);
}

#article-container figure.highlight .caption a:hover,
#article-container figure.highlight figcaption a:hover {
    border-bottom-color: var(--hl-color);
}

#article-container .highlight-tools {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    min-height: 24px;
    height: 2.15em;
    background: var(--hltools-bg);
    color: var(--hltools-color);
    font-size: 16px;
}

#article-container .highlight-tools.closed~* {
    display: none;
}

#article-container .highlight-tools .expand {
    position: absolute;
    padding: 0.57em 0.7em;
    cursor: pointer;
    transition: transform 0.3s ease 0s;
}

#article-container .highlight-tools .expand+.code-lang {
    left: 1.7em;
}

#article-container .highlight-tools .expand.closed {
    transition: all 0.3s ease 0s;
    transform: rotate(-90deg) !important;
}

#article-container .highlight-tools .code-lang {
    position: absolute;
    left: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.15em;
    user-select: none;
}

#article-container .highlight-tools .copy-notice {
    position: absolute;
    right: 2.4em;
    opacity: 0;
    transition: opacity 0.4s ease 0s;
}

#article-container .highlight-tools .copy-button {
    position: absolute;
    right: 14px;
    cursor: pointer;
    transition: color 0.2s ease 0s;
}

#article-container .highlight-tools .copy-button:hover {
    color: rgb(242, 86, 59);
}

#article-container .gutter {
    user-select: none;
}

#article-container .gist table {
    width: auto;
}

#article-container .gist table td {
    border: none;
}

#article-container figure.highlight {
    margin: 0px 0px 24px;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px 0px;
    transform: translateZ(0px);
}

#article-container figure.highlight .highlight-tools::after {
    position: absolute;
    left: 14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(252, 98, 93);
    box-shadow: rgb(253, 188, 64) 20px 0px, rgb(53, 205, 75) 40px 0px;
    content: " ";
}

#article-container figure.highlight .highlight-tools .expand {
    right: 0px;
}

#article-container figure.highlight .highlight-tools .expand.closed {
    transition: all 0.3s ease 0s;
    transform: rotate(90deg) !important;
}

#article-container figure.highlight .highlight-tools .expand~.copy-notice {
    right: 3.45em;
}

#article-container figure.highlight .highlight-tools .expand~.copy-button {
    right: 2.1em;
}

#article-container figure.highlight .highlight-tools .code-lang {
    left: 75px;
}

#article-container .code-expand-btn {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    background: var(--hlexpand-bg);
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

#article-container .code-expand-btn i {
    padding: 6px 0px;
    color: var(--hlnumber-color);
    animation: 1.2s ease 0s infinite normal none running code-expand-key;
}

#article-container .code-expand-btn.expand-done>i {
    transform: rotate(180deg);
}

#article-container .code-expand-btn.expand-done+pre,
#article-container .code-expand-btn.expand-done+table {
    margin-bottom: 1.8em;
}

#article-container .code-expand-btn:not(.expand-done)~pre,
#article-container .code-expand-btn:not(.expand-done)~table {
    overflow: hidden;
    height: 130px;
}

@-webkit-keyframes code-expand-key {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.6;
    }
}

@keyframes code-expand-key {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.6;
    }
}

.error404 {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

#archive,
#category,
#tag {
    backdrop-filter: blur(5px);
}

.article-sort-title {
    font-family: UnidreamLED, TaikoMagic;
    background: 0px 0px;
    display: block;
    font-size: 40px;
    line-height: 1;
    color: var(--pagenumber-color);
    text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
    overflow: hidden;
    margin: 0px 3px 0px 0px;
    height: 45px;
    width: 100%;
    text-align: center;
}

.article-sort-title .article-sort-title-text {
    float: left;
    white-space: nowrap;
    animation: 4s cubic-bezier(0.6, 0, 0.5, 1) 0s infinite alternate none running text-roll;
    min-width: 100%;
}

.ark-article-sort-container {
    font-family: UnidreamLED, TaikoMagic;
    text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
    display: block;
    height: 300px;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(to bottom, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
}

.ark-article-sort-container .ark-article-sort-year {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 35px;
    width: 100px;
    background: var(--pagenumber-current-color);
    color: var(--pagenumber-color);
    margin: 20px;
    clip-path: polygon(0px 0px, 5px 5px, 5px 30px, 0px 35px, 100% 35px, calc(100% - 5px) 30px, calc(100% - 5px) 5px, 100% 0px);
}

.ark-article-sort-container .ark-article-sort-year>* {
    margin: 0px 3px;
}

.ark-article-sort-container .ark-article-sort-year svg.icon {
    width: 1.2em;
    height: 1.2em;
}

.ark-article-sort-container .ark-article-sort-item {
    display: flex;
    position: relative;
    height: 300px;
    width: auto;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin: 20px;
    padding: 40px 0px 0px;
}

.ark-article-sort-container .ark-article-sort-item::before {
    content: "";
    position: absolute;
    height: 35px;
    width: 100px;
    top: 0px;
    left: calc(50% - 50px);
    background: var(--pagenumber-current-color);
    clip-path: polygon(0px 0px, 5px 5px, 5px 30px, 0px 35px, 100% 35px, calc(100% - 5px) 30px, calc(100% - 5px) 5px, 100% 0px);
}

.ark-article-sort-container .ark-article-sort-item::after {
    content: "";
    position: absolute;
    height: 18px;
    width: 16px;
    top: 23px;
    left: calc(50% - 8px);
    background: var(--pagenumber-color);
    clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
}

.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 30px;
    width: auto;
    color: var(--pagenumber-color);
}

.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date time.post-meta-date-created,
.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date time.post-meta-date-updated {
    background: var(--pagenumber-background-color);
    padding: 3px 15px;
    line-height: 1;
    border-radius: 3px;
}

.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date span.post-meta-date-split {
    margin: 0px 5px;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    height: 200px;
    width: auto;
    position: relative;
    padding: 5px;
    -webkit-box-align: center;
    align-items: center;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info input[type="checkbox"] {
    display: none;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info input[type="checkbox"]:checked~.ark-article-sort-item-detail {
    display: flex;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info .ark-article-sort-item-title {
    display: flex;
    height: 30px;
    color: var(--pagenumber-color);
    width: auto;
    line-height: 1;
    font-size: 20px;
    padding: 5px 10px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info .ark-article-sort-item-title:hover~.ark-article-sort-item-detail {
    display: flex;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail {
    width: 200px;
    height: auto;
    overflow: hidden;
    display: none;
    color: var(--pagenumber-color);
    font-size: 16px;
    position: relative;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 35px;
    width: 35px;
    clip-path: polygon(30% 0px, 70% 0px, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0px 70%, 0px 30%);
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-img img {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-descr {
    background: radial-gradient(rgb(0, 0, 0), transparent);
    text-indent: 40px;
    font-size: 16px;
    padding: 5px;
    clip-path: polygon(42px 0px, 42px 24px, 24px 42px, 0px 42px, 0px 100%, 99% 100%, 100% 0px);
    font-family: ZhuZiAYuanJWD;
}

.ark-article-sort-container #pagination {
    width: fit-content;
    padding: 0px 50px;
}

.ark-article-sort-container #pagination .pagination {
    margin: 20px 0px 0px;
}

.ark-article-sort-container #pagination .pagination::after {
    content: none;
}

.category-lists .category-title {
    font-size: 2.57em;
}

@media screen and (max-width: 768px) {
    .category-lists .category-title {
        font-size: 2em;
    }
}

.category-lists .category-list {
    margin-bottom: 0px;
}

.category-lists .category-list a {
    color: rgb(255, 255, 255);
}

.category-lists .category-list a:hover {
    color: rgb(242, 86, 59);
}

.category-lists .category-list .category-list-count {
    margin-left: 8px;
    color: rgb(255, 255, 255);
}

.category-lists .category-list .category-list-count::before {
    content: "(";
}

.category-lists .category-list .category-list-count::after {
    content: ")";
}

.category-lists ul {
    padding: 0px 0px 0px 20px;
}

.category-lists ul ul {
    padding-left: 4px;
}

.category-lists ul li {
    position: relative;
    margin: 6px 0px;
    padding: 0.12em 0.4em 0.12em 1.4em;
}

#body-wrap {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    min-height: 100vh;
}

.layout {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0px auto;
    padding: 40px 15px;
    max-width: 1200px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .layout {
        -webkit-box-orient: vertical;
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .layout {
        padding: 20px 5px;
    }
}

@media screen and (min-width: 2000px) {
    .layout {
        max-width: 1500px;
    }
}

.layout>div:first-child:not(.recent-posts) {
    align-self: flex-start;
    padding: 50px;
}

.layout>div:first-child {
    width: 74%;
    transition: all 0.3s ease 0s;
}

@media screen and (max-width: 900px) {
    .layout>div:first-child {
        width: 100% !important;
    }
}

.layout.hide-aside {
    max-width: 1000px;
}

@media screen and (min-width: 2000px) {
    .layout.hide-aside {
        max-width: 1300px;
    }
}

.layout.hide-aside>div {
    width: 100% !important;
}

.apple #page-header.full_page {
    background-attachment: scroll !important;
}

.apple .avatar-img,
.apple .flink-item-icon,
.apple .recent-post-item {
    transform: translateZ(0px);
}

#article-container img {
    margin: 0px auto !important;
}

.flink-list {
    overflow: auto;
}

.flink-list>a {
    width: calc(25% - 15px);
    height: 130px;
    position: relative;
    display: block;
    margin: 15px 7px;
    float: left;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 14px 38px, rgba(0, 0, 0, 0.06) 0px 3px 8px;
}

.flink-list>a:hover .info {
    transform: translateY(-100%);
}

.flink-list>a:hover .wrapper img {
    transform: scale(1.2);
}

.flink-list>a:hover::before {
    position: fixed;
    width: inherit;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 10%;
    border-radius: 10px;
    text-align: center;
    z-index: 100;
    content: attr(data-title);
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 10px;
    background-color: rgba(242, 86, 59, 0.8);
}

.flink-list>a .cover {
    width: 100%;
    transition: transform 0.5s ease-out 0s;
}

.flink-list>a .wrapper {
    position: relative;
}

.flink-list>a .wrapper .fadeIn {
    animation: 0.8s ease-out 0s 1 normal forwards running coverIn;
}

.flink-list>a .wrapper img {
    height: 130px;
    pointer-events: none;
}

.flink-list>a .info {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.7);
    transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.flink-list>a .info img {
    position: relative;
    top: 22px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

.flink-list>a .info span {
    padding: 20px 10% 60px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    background-color: rgba(255, 255, 255, 0.7);
    color: var(--font-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flink-list>a .info,
.flink-list>a .wrapper .cover {
    position: absolute;
    top: 0px;
    left: 0px;
}

@media screen and (max-width: 1024px) {
    .flink-list>a {
        width: calc(33.3333% - 15px);
    }
}

@media screen and (max-width: 600px) {
    .flink-list>a {
        width: calc(50% - 15px);
    }
}

[data-theme="dark"] .flink-list a .info,
[data-theme="dark"] .flink-list a .info span {
    background-color: rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .flink-list>a:hover::before {
    background-color: rgba(18, 18, 18, 0.8);
}

.justified-gallery>a>a>img,
.justified-gallery>a>a>svg,
.justified-gallery>a>svg,
.justified-gallery>div>a>img,
.justified-gallery>div>a>svg,
.justified-gallery>div>img,
.justified-gallery>div>svg,
.justified-gallery>figure>a>img,
.justified-gallery>figure>a>svg,
.justified-gallery>figure>img,
.justified-gallery>figure>svg {
    position: static !important;
}

.reward-table {
    border: 1px solid rgb(204, 204, 204);
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 100%;
    table-layout: fixed;
}

.reward-table .reward-caption {
    font-size: 1.5em;
    margin: 0.5em 0px 0.75em;
}

.reward-table .reward-tr {
    background-color: transparent;
    border: 1px solid rgb(221, 221, 221);
    padding: 0.35em;
}

.reward-table .reward-td,
.reward-table .reward-th {
    padding: 0.625em;
    text-align: center;
}

.reward-table .reward-th {
    font-size: 0.85em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .reward-table {
        border: 0px;
    }
    .reward-table .reward-caption {
        font-size: 1.3em;
    }
    .reward-table .reward-thead {
        display: none;
    }
    .reward-table .reward-tr {
        display: block;
        margin-bottom: 10px;
    }
    .reward-table .reward-td {
        position: relative;
        border-bottom: 1px solid rgb(221, 221, 221);
        display: block;
        font-size: 16px;
        height: 30px;
        line-height: 1;
        text-align: right;
    }
    .reward-table .reward-td::before {
        position: absolute;
        left: 10px;
        content: attr(data-label);
        font-weight: 700;
        text-transform: uppercase;
    }
}

.tag-cloud-list a {
    display: inline-block;
    padding: 0px 8px;
    transition: all 0.3s ease 0s;
}

.tag-cloud-list a:hover {
    transform: scale(1.1);
    color: rgb(242, 86, 59) !important;
}

@media screen and (max-width: 768px) {
    .tag-cloud-list a {
        zoom: 0.85;
    }
    #SAO-ranklist {
        display: none !important;
    }
}

@media screen and (max-width: 2000px) {
    #SAO-ranklist {
        z-index: 9999;
        font-family: 'SAOUI', Langar, -apple-system, sans-serif;
        left: calc(50% - 250px);
        top: calc(50% - 200px);
        height: auto;
        width: 500px;
        background: rgba(46, 40, 28, 0.5);
        display: none;
        position: fixed;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        overflow: hidden;
        border: 2px solid rgba(255, 255, 255, 0.5);
    }
}

.tag-cloud-title {
    font-size: 2.57em;
}

@media screen and (max-width: 768px) {
    .tag-cloud-title {
        font-size: 2em;
    }
}

h1.page-title+.tag-cloud-list {
    text-align: left;
}

#footer {
    position: relative;
    background: center bottom / cover scroll;
    height: 100px;
    filter: drop-shadow(0 0 3px var(--card-widget-content-border));
}

#footer::before {
    content: "";
    height: 100px;
    position: absolute;
    width: 100%;
    background: var(--card-widget-background);
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

#footer #ark-footer-wraper {
    font-family: UnidreamLED, TaikoMagic;
    position: relative;
    padding: 0px;
    width: 100%;
    height: 100%;
    color: var(--card-widget-color);
    text-align: center;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

#footer #ark-footer-wraper .ark-footer-container {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
    display: flex;
    height: 100%;
    font-size: 14px;
    line-height: 14px;
    color: var(--card-widget-color);
    background: 0px 0px;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner a {
    color: var(--card-widget-color);
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner a:hover {
    color: var(--ark-post-item-font-hover);
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
    display: flex;
    height: 14px;
    width: 180px;
    background: 0px 0px;
    position: relative;
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container .ark-bdage-item {
    height: 14px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright .footer-separator {
    margin: 0px 4px;
}

@media screen and (min-width: 768px) {
    #footer::before {
        border-radius: 0px 0px 30px 30px;
        clip-path: polygon(0px 0px, 40px 0px, 60px 20px, 220px 20px, 240px 40px, 320px 40px, 380px calc(100% - 10px), calc(100% - 380px) calc(100% - 10px), calc(100% - 320px) 40px, calc(100% - 240px) 40px, calc(100% - 220px) 20px, calc(100% - 60px) 20px, calc(100% - 40px) 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0px calc(100% - 30px));
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
        width: 50%;
        padding: 25px 0px 0px 40px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
        margin: 0px 0px 5px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright {
        margin: 0px 0px 5px 25px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-record {
        margin: 0px 0px 5px 50px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner {
        display: flex;
        height: 100%;
        width: 50%;
        font-size: 14px;
        line-height: 14px;
        color: var(--card-widget-color);
        background: 0px 0px;
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        flex-direction: column;
        padding: 25px 40px 0px 0px;
        font-family: UnidreamLED, TaikoMagic;
        position: relative;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner .ark-footer-reminder {
        margin: 0px 0px 5px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner .ark-footer-timer {
        margin: 0px 25px 5px 0px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner #ark-site-runtime {
        margin: 0px 50px 5px 0px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        right: 20px;
        bottom: 18px;
        z-index: -1;
        background: linear-gradient(to right, transparent, var(--ark-post-item-border), transparent);
        transform: skewX(-45deg);
    }
}

@media screen and (max-width: 768px) {
    #footer::before {
        border-radius: 0px 0px 0px 30px;
        clip-path: polygon(0px 0px, 40px 0px, 60px 20px, 220px 20px, 240px 40px, 320px 40px, 380px calc(100% - 10px), 100% calc(100% - 10px), 100% 100%, 30px 100%, 0px calc(100% - 30px));
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
        width: 100%;
        padding: 25px 0px 0px 40px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
        margin: 0px 0px 5px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright {
        margin: 0px 0px 5px 25px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-record {
        margin: 0px 0px 5px 50px;
    }
    #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner {
        display: none;
    }
}

 :root {
    --pagenumber-color: #fff;
    --pagenumber-current-color: #99362c;
    --pagenumber-current-shadow-color: #572020;
    --pagenumber-hover-color: #99362c;
    --pagenumber-background-color: rgba(80, 80, 80, 0.85);
}

[data-theme="dark"] {
    --pagenumber-color: #fff;
    --pagenumber-current-color: #1e7ee2;
    --pagenumber-current-shadow-color: #104477;
    --pagenumber-hover-color: #1e7ee2;
    --pagenumber-background-color: rgba(55, 112, 143, 0.5);
}

#pagination {
    font-family: UnidreamLED, TaikoMagic;
}

#pagination .pagination {
    text-align: center;
    position: relative;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 35px;
}

#pagination .pagination>* {
    z-index: 20;
    display: inline-block;
    margin: 0px 6px;
    min-width: 30px;
    width: auto;
    height: 35px;
    line-height: 35px;
    padding: 0px 3px;
}

#pagination .pagination::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0px;
    top: 5px;
    z-index: -1;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0, 0, 0, 0) 100%);
}

#pagination .pagination> :not(.space):hover {
    background: var(--pagenumber-hover-color);
    color: var(--pagenumber-color);
}

#pagination .pagination .page-number {
    position: relative;
}

#pagination .pagination .page-number.current {
    background: var(--pagenumber-current-color);
    color: var(--pagenumber-color);
    padding: 0px 3px;
    height: 35px;
}

#pagination .pagination .page-number.current::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -5px;
    width: 40px;
    height: 35px;
    z-index: -1;
    background: var(--pagenumber-current-shadow-color);
    clip-path: polygon(0px 5px, 5px 0px, 35px 0px, 40px 5px, 0px 5px, 0px 30px, 5px 35px, 35px 35px, 40px 30px, 0px 30px);
}

.pagination-post * {
    transition: all 0.3s linear 0s;
}

.pagination-post .pull-full-left,
.pagination-post .pull-left {
    display: flex;
    height: calc(100% - 300px);
    border-radius: 0px 120px 120px 0px;
    width: 80px;
    background: linear-gradient(to left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
    position: fixed;
    top: 150px;
    left: -80px;
    writing-mode: vertical-lr;
    padding: 0px;
    -webkit-box-pack: center;
    justify-content: center;
}

.pagination-post .pull-full-left:hover,
.pagination-post .pull-left:hover {
    left: 0px;
}

.pagination-post .pull-full-left a,
.pagination-post .pull-left a {
    width: 100%;
    height: auto;
    min-height: 280px;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    background: linear-gradient(to right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
    padding: 30px 30px 30px 0px;
    position: relative;
    clip-path: polygon(0px 0px, 80px 0px, 80px calc(50% - 80px), 100% calc(50% - 15px), 80px calc(50% + 100px), 80px 100%, 0px 100%);
}

.pagination-post .pull-full-left a::before,
.pagination-post .pull-left a::before {
    content: "";
    position: absolute;
    display: block;
    background: var(--ark-post-item-font-color);
    right: 10px;
    width: 30px;
    height: 30px;
    top: calc(50% - 20px);
    clip-path: polygon(78% 49%, 74% 0px, 0px 51%, 68% 100%, 57% 50%, 49% 71%, 26% 51%, 57% 24%);
}

.pagination-post .pull-full-left a::after,
.pagination-post .pull-left a::after {
    content: "";
    position: absolute;
    display: none;
    background: var(--ark-post-item-border);
    right: 18px;
    transform: rotateZ(-38deg);
    width: 5px;
    height: 60px;
    top: calc(50% - 68px);
    border-radius: 2.5px;
}

.pagination-post .pull-full-right,
.pagination-post .pull-right {
    display: flex;
    height: calc(100% - 300px);
    border-radius: 120px 0px 0px 120px;
    width: 80px;
    background: linear-gradient(to right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
    position: fixed;
    top: 150px;
    right: -80px;
    writing-mode: vertical-lr;
    padding: 0px;
    -webkit-box-pack: center;
    justify-content: center;
}

.pagination-post .pull-full-right:hover,
.pagination-post .pull-right:hover {
    right: 0px;
}

.pagination-post .pull-full-right a,
.pagination-post .pull-right a {
    width: 100%;
    height: auto;
    min-height: 280px;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    background: linear-gradient(to left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
    padding: 30px 0px 30px 30px;
    position: relative;
    clip-path: polygon(100% 0px, calc(100% - 80px) 0px, calc(100% - 80px) calc(50% - 80px), 0px calc(50% - 15px), calc(100% - 80px) calc(50% + 100px), calc(100% - 80px) 100%, 100% 100%);
}

.pagination-post .pull-full-right a::before,
.pagination-post .pull-right a::before {
    content: "";
    position: absolute;
    display: block;
    background: var(--ark-post-item-font-color);
    left: 10px;
    width: 30px;
    height: 30px;
    top: calc(50% - 20px);
    clip-path: polygon(22% 49%, 26% 0px, 100% 51%, 32% 100%, 43% 50%, 51% 71%, 74% 51%, 43% 24%);
}

.pagination-post .pull-full-right a::after,
.pagination-post .pull-right a::after {
    content: "";
    position: absolute;
    display: none;
    background: var(--ark-post-item-border);
    left: 18px;
    transform: rotateZ(38deg);
    width: 5px;
    height: 60px;
    top: calc(50% - 70px);
    border-radius: 2.5px;
}

.pagination-post .next_info,
.pagination-post .prev_info {
    width: 80px;
    height: auto;
    line-height: 1;
    font-size: 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--ark-post-item-font-color);
    text-shadow: rgb(0, 0, 0) 2px 2px 3px;
}

.pagination-post.pagination-active .pull-full-left,
.pagination-post.pagination-active .pull-full-right,
.pagination-post.pagination-active .pull-left,
.pagination-post.pagination-active .pull-right {
    z-index: 999;
    width: 130px;
}

.pagination-post.pagination-active .pull-full-left a::after,
.pagination-post.pagination-active .pull-full-right a::after,
.pagination-post.pagination-active .pull-left a::after,
.pagination-post.pagination-active .pull-right a::after {
    display: block;
}

#aside-content {
    width: 26%;
}

@media screen and (min-width: 900px) {
    #aside-content {
        padding-left: 15px;
    }
}

@media screen and (max-width: 900px) {
    #aside-content {
        width: 100%;
    }
}

#aside-content>.card-widget:first-child {
    margin-top: 0px;
}

@media screen and (max-width: 900px) {
    #aside-content>.card-widget:first-child {
        margin-top: 20px;
    }
}

#aside-content .card-widget {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    padding: 20px 24px;
}

@media screen and (max-width: 768px) {
    #aside-content .card-widget:not(#card-toc) {
        display: none;
    }
}

#aside-content .card-info .author-info__name {
    font-weight: 500;
    font-size: 1.57em;
}

#aside-content .card-info .author-info__description {
    margin-top: -0.42em;
}

#aside-content .card-info .card-info-data {
    margin: 14px 0px 4px;
}

#aside-content .card-info .card-info-social-icons {
    margin: 6px 0px -6px;
}

#aside-content .card-info .card-info-social-icons .social-icon {
    margin: 0px 10px;
    color: var(--font-color);
    font-size: 1.4em;
}

#aside-content .card-info .card-info-social-icons i {
    transition: all 0.3s ease 0s;
}

#aside-content .card-info .card-info-social-icons i:hover {
    transform: rotate(540deg);
}

#aside-content .card-info #card-info-btn {
    display: block;
    margin-top: 14px;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    text-align: center;
    line-height: 2.4;
}

#aside-content .card-info #card-info-btn:hover {
    background-color: var(--btn-hover-color);
}

#aside-content .card-info #card-info-btn span {
    padding-left: 10px;
}

#aside-content .item-headline {
    padding-bottom: 6px;
    font-size: 1.2em;
}

#aside-content .item-headline span {
    margin-left: 6px;
}

@media screen and (min-width: 900px) {
    #aside-content .sticky_layout {
        position: sticky;
        top: 20px;
        transition: top 0.3s ease 0s;
    }
}

#aside-content .card-tag-cloud a {
    display: inline-block;
    padding: 0px 4px;
}

#aside-content .card-tag-cloud a:hover {
    color: rgb(242, 86, 59) !important;
}

#aside-content .aside-list>span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

#aside-content .aside-list>.aside-list-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 6px 0px;
}

#aside-content .aside-list>.aside-list-item:first-child {
    padding-top: 0px;
}

#aside-content .aside-list>.aside-list-item:not(:last-child) {
    border-bottom: 1px dashed rgb(245, 245, 245);
}

#aside-content .aside-list>.aside-list-item:last-child {
    padding-bottom: 0px;
}

#aside-content .aside-list>.aside-list-item .thumbnail {
    overflow: hidden;
    width: 4.2em;
    height: 4.2em;
}

#aside-content .aside-list>.aside-list-item .content {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding-left: 10px;
    word-break: break-all;
}

#aside-content .aside-list>.aside-list-item .content>.name {
    -webkit-line-clamp: 1;
}

#aside-content .aside-list>.aside-list-item .content>.name,
#aside-content .aside-list>.aside-list-item .content>time {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 85%;
}

#aside-content .aside-list>.aside-list-item .content>.comment,
#aside-content .aside-list>.aside-list-item .content>.title {
    color: var(--font-color);
    font-size: 95%;
    line-height: 1.5;
    -webkit-line-clamp: 2;
}

#aside-content .aside-list>.aside-list-item .content>.comment:hover,
#aside-content .aside-list>.aside-list-item .content>.title:hover {
    color: rgb(242, 86, 59);
}

#aside-content .aside-list>.aside-list-item.no-cover {
    min-height: 4.4em;
}

#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    padding: 3px 10px;
    color: var(--font-color);
    transition: all 0.4s ease 0s;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
    padding: 3px 17px;
    background-color: var(--text-bg-hover);
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

#aside-content .card-categories .card-category-list.child {
    padding: 0px 0px 0px 16px;
}

#aside-content .card-categories .card-category-list>.parent>a .card-category-list-name {
    width: 70% !important;
}

#aside-content .card-categories .card-category-list>.parent>a .card-category-list-count {
    width: calc(30% - 20px);
    text-align: right;
}

#aside-content .card-categories .card-category-list>.parent i {
    float: right;
    margin-right: -0.5em;
    padding: 0.5em;
    transition: transform 0.3s ease 0s;
    transform: rotate(0deg);
}

#aside-content .card-categories .card-category-list>.parent i.expand {
    transform: rotate(-90deg);
}

#aside-content .card-webinfo .webinfo .webinfo-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px 10px 0px;
}

#aside-content .card-webinfo .webinfo .webinfo-item div:first-child {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding-right: 20px;
}

@media screen and (min-width: 901px) {
    #aside-content #card-toc {
        right: 0px !important;
    }
}

@media screen and (max-width: 900px) {
    #aside-content #card-toc {
        position: fixed;
        right: -100%;
        bottom: 30px;
        z-index: 100;
        max-width: 380px;
        max-height: calc(100% - 60px);
        width: calc(100% - 80px);
        opacity: 0;
        transition: initial;
        transform-origin: right bottom;
    }
}

#aside-content #card-toc .toc-percentage {
    float: right;
    color: rgb(169, 169, 169);
    font-style: italic;
}

#aside-content #card-toc .toc-content {
    overflow-y: overlay;
    margin: 0px -24px;
    max-height: calc(100vh - 120px);
}

@media screen and (max-width: 900px) {
    #aside-content #card-toc .toc-content {
        max-height: calc(100vh - 140px);
    }
}

#aside-content #card-toc .toc-content>* {
    margin: 0px 20px !important;
}

#aside-content #card-toc .toc-content>*>.toc-item>.toc-child {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid var(--dark-grey);
}

#aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
    display: none;
}

@media screen and (max-width: 900px) {
    #aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
        display: block !important;
    }
}

#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child {
    display: block;
}

#aside-content #card-toc .toc-content li,
#aside-content #card-toc .toc-content ol {
    list-style: none;
}

#aside-content #card-toc .toc-content>ol {
    padding: 0px !important;
}

#aside-content #card-toc .toc-content ol {
    margin: 0px;
    padding-left: 18px;
}

#aside-content #card-toc .toc-content .toc-link {
    display: block;
    margin: 4px 0px;
    padding: 1px 6px;
    color: var(--toc-link-color);
    transition: all 0.2s ease-in-out 0s;
}

#aside-content #card-toc .toc-content .toc-link:hover {
    color: rgb(242, 86, 59);
}

#aside-content #card-toc .toc-content .toc-link.active {
    background: rgb(0, 196, 182);
    color: rgb(255, 255, 255);
}

#aside-content :only-child>.card-widget {
    margin-top: 0px;
}

#aside-content .card-more-btn {
    float: right;
    color: inherit;
}

#aside-content .card-more-btn:hover {
    animation: 1s ease 0s infinite normal none running more-btn-move;
}

#aside-content .card-announcement .item-headline i {
    color: red;
}

.avatar-img {
    overflow: hidden;
    margin: 0px auto;
    width: 110px;
    height: 110px;
    border-radius: 70px;
}

.avatar-img img {
    width: 100%;
    height: 100%;
    transition: filter 375ms ease-in 0.2s, transform 0.3s ease 0s;
    object-fit: cover;
}

.avatar-img img:hover {
    transform: rotate(360deg);
}

.site-data {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.site-data>a {
    display: table-cell;
}

.site-data>a div {
    transition: all 0.3s ease 0s;
}

.site-data>a:hover div {
    color: rgb(242, 86, 59) !important;
}

.site-data>a .headline {
    color: var(--font-color);
}

.site-data>a .length-num {
    margin-top: -0.32em;
    color: var(--text-highlight-color);
    font-size: 1.4em;
}

@media screen and (min-width: 900px) {
    html.hide-aside .layout {
        -webkit-box-pack: center;
        justify-content: center;
    }
    html.hide-aside .layout>.aside-content {
        display: none;
    }
    html.hide-aside .layout>div:first-child {
        width: 80%;
    }
}

.page .sticky_layout {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

@-webkit-keyframes more-btn-move {
    0%,
    100% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(3px);
    }
}

@keyframes more-btn-move {
    0%,
    100% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(3px);
    }
}

@-webkit-keyframes toc-open {
    0% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes toc-open {
    0% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes toc-close {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.7);
    }
}

@keyframes toc-close {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.7);
    }
}

#post-comment .comment-head {
    margin-bottom: 20px;
}

#post-comment .comment-head .comment-headline {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.43em;
}

#post-comment .comment-head #comment-switch {
    display: inline-block;
    float: right;
    margin: 2px auto 0px;
    padding: 4px 16px;
    width: max-content;
    border-radius: 8px;
    background: rgb(246, 248, 250);
}

#post-comment .comment-head #comment-switch .first-comment {
    color: rgb(73, 177, 245);
}

#post-comment .comment-head #comment-switch .second-comment {
    color: rgb(255, 114, 66);
}

#post-comment .comment-head #comment-switch .switch-btn {
    position: relative;
    display: inline-block;
    margin: -4px 8px 0px;
    width: 42px;
    height: 22px;
    border-radius: 34px;
    background-color: rgb(73, 177, 245);
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}

#post-comment .comment-head #comment-switch .switch-btn::before {
    position: absolute;
    bottom: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    content: "";
    transition: all 0.4s ease 0s;
}

#post-comment .comment-head #comment-switch .switch-btn.move {
    background-color: rgb(255, 114, 66);
}

#post-comment .comment-head #comment-switch .switch-btn.move::before {
    transform: translateX(20px);
}

#post-comment .comment-wrap>div:nth-child(2) {
    display: none;
}

#page-header {
    position: relative;
    width: 100%;
    background-color: transparent;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

#page-header.full_page {
    height: 50vh;
    background-attachment: fixed;
}

#page-header.full_page #site-info {
    position: absolute;
    top: 20vh;
    padding: 0px 10px;
    width: 100%;
}

#page-header #scroll-down .scroll-down-effects,
#page-header #site-subtitle,
#page-header #site-title {
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px;
    line-height: 1.5;
}

#page-header #site-title {
    margin: 0px;
    color: var(--white);
    font-size: 1.85em;
}

@media screen and (min-width: 768px) {
    #page-header #site-title {
        font-size: 2.85em;
    }
}

#page-header #site-subtitle {
    color: var(--light-grey);
    font-size: 1.15em;
}

@media screen and (min-width: 768px) {
    #page-header #site-subtitle {
        font-size: 1.72em;
    }
}

#page-header #site_social_icons {
    display: none;
    margin: 0px auto;
    width: 300px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #page-header #site_social_icons {
        display: block;
    }
}

#page-header #site_social_icons .social-icon {
    margin: 0px 10px;
    color: var(--light-grey);
    text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px;
    font-size: 1.43em;
}

#page-header #scroll-down {
    position: absolute;
    bottom: 0px;
    width: 100%;
    cursor: pointer;
}

#page-header #scroll-down .scroll-down-effects {
    position: relative;
    width: 100%;
    color: var(--light-grey);
    font-size: 30px;
}

#page-header.not-home-page {
    height: 400px;
}

@media screen and (max-width: 768px) {
    #page-header.not-home-page {
        height: 280px;
    }
}

#page-header #page-site-info {
    position: absolute;
    top: 200px;
    padding: 0px 10px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    #page-header #page-site-info {
        top: 140px;
    }
}

#page-header.post-bg {
    height: 400px;
}

@media screen and (max-width: 768px) {
    #page-header.post-bg {
        height: 360px;
    }
}

#page-header.post-bg::before {
    background-color: rgba(0, 0, 0, 0.5);
}

#page-header.not-top-img {
    margin-bottom: 10px;
    height: 60px;
    background: 0px center;
}

#page-header.not-top-img #nav {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(133, 133, 133, 0.6) 0px 5px 6px -5px;
}

#page-header.not-top-img #nav a {
    color: var(--font-color);
    text-shadow: none;
}

#page-header.nav-fixed #nav {
    position: fixed;
    top: -60px;
    z-index: 91;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(133, 133, 133, 0.6) 0px 5px 6px -5px;
    transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}

#page-header.nav-fixed #nav #site-name,
#page-header.nav-fixed #nav #toggle-menu,
#page-header.nav-fixed #nav a {
    color: var(--font-color);
    text-shadow: none;
}

#page-header.nav-fixed #nav #site-name:hover,
#page-header.nav-fixed #nav #toggle-menu:hover,
#page-header.nav-fixed #nav a:hover {
    color: rgb(242, 86, 59);
}

#page-header.nav-visible #nav {
    transition: all 0.5s ease 0s;
    transform: translate3d(0px, 100%, 0px);
}

#page-header.nav-visible+.layout>.aside-content>.sticky_layout {
    top: 70px;
    transition: top 0.5s ease 0s;
}

#page h1.page-title {
    margin: 8px 0px 20px;
}

#nav {
    position: absolute;
    top: 0px;
    z-index: 90;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 36px;
    width: 100%;
    height: 60px;
    font-size: 1.3em;
    opacity: 1;
    transition: all 0.5s ease 0s;
}

@media screen and (max-width: 768px) {
    #nav {
        padding: 0px 16px;
    }
}

#nav.show {
    opacity: 1;
    filter: none;
}

#nav #blog_name {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

#nav #toggle-menu {
    display: none;
    padding: 2px 0px 0px 6px;
    vertical-align: top;
}

#nav #toggle-menu:hover {
    color: var(--white);
}

#nav a {
    color: var(--light-grey);
}

#nav a:hover {
    color: var(--white);
}

#nav #site-name {
    text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px;
    font-weight: 700;
    cursor: pointer;
}

#nav .menus_items {
    display: inline;
}

#nav .menus_items .menus_item {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 14px;
}

#nav .menus_items .menus_item:hover .menus_item_child {
    display: block;
}

#nav .menus_items .menus_item:hover>a>i:last-child {
    transform: rotate(180deg);
}

#nav .menus_items .menus_item>a>i:last-child {
    padding: 4px;
    transition: transform 0.3s ease 0s;
}

#nav .menus_items .menus_item .menus_item_child {
    position: absolute;
    right: 0px;
    display: none;
    margin-top: 8px;
    padding: 0px;
    width: max-content;
    border-radius: 5px;
    background-color: var(--sidebar-bg);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 20px -4px;
    animation: 0.3s ease 0.1s 1 normal both running sub_menus;
}

#nav .menus_items .menus_item .menus_item_child::before {
    position: absolute;
    top: -8px;
    left: 0px;
    width: 100%;
    height: 20px;
    content: "";
}

#nav .menus_items .menus_item .menus_item_child li {
    list-style: none;
}

#nav .menus_items .menus_item .menus_item_child li:hover {
    background: var(--text-bg-hover);
}

#nav .menus_items .menus_item .menus_item_child li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#nav .menus_items .menus_item .menus_item_child li:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#nav .menus_items .menus_item .menus_item_child li a {
    display: inline-block;
    padding: 8px 16px;
    width: 100%;
    color: var(--font-color) !important;
    text-shadow: none !important;
}

#nav.hide-menu #toggle-menu {
    display: inline-block !important;
}

#nav.hide-menu #toggle-menu .site-page {
    font-size: inherit;
}

#nav.hide-menu .menus_items {
    display: none;
}

#nav.hide-menu #search-button span {
    display: none;
}

#nav #search-button {
    display: inline;
    padding: 0px 0px 0px 14px;
}

#nav .site-page {
    position: relative;
    padding-bottom: 6px;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
    font-size: 0.78em;
    cursor: pointer;
}

#nav .site-page:not(.child)::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    width: 0px;
    height: 3px;
    background-color: rgb(246, 137, 118);
    content: "";
    transition: all 0.3s ease-in-out 0s;
}

#nav .site-page:not(.child):hover::after {
    width: 100%;
}

 :root {
    --ark-loading-shadow-color: rgba(226, 248, 24, 0.8);
    --ark-loading-power-color: rgba(40, 99, 200, 0.8);
    --ark-loading-power-shadow: rgba(14, 219, 255, 0.8);
}

[data-theme="dark"] {
    --ark-loading-shadow-color: rgba(24, 248, 229, 0.8);
    --ark-loading-power-color: rgba(40, 99, 200, 0.8);
    --ark-loading-power-shadow: rgba(14, 219, 255, 0.8);
}

#loading-box {
    position: fixed;
    z-index: 1001;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#loading-box * {
    transition: all 0.5s ease 0s;
}

#loading-box.loaded {
    z-index: -1000;
}

#loading-box #ark-loading {
    opacity: 1;
    filter: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#loading-box #ark-loading .ark-loading-border {
    position: relative;
    height: 280px;
    width: 280px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 5px inset var(--ark-loading-shadow-color);
    border-style: solid;
    border-color: var(--ark-loading-shadow-color) transparent var(--ark-loading-shadow-color) var(--ark-loading-shadow-color);
    border-width: 2px;
}

#loading-box #ark-loading .ark-loading-border::before {
    content: "";
    position: absolute;
    opacity: 1;
    filter: none;
    height: 276px;
    width: 276px;
    border-radius: 50%;
    border-style: solid;
    border-color: var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) transparent;
    border-width: 5px;
    top: -5px;
    left: -5px;
    animation: 5s linear 0s infinite normal none running ark-loading-rotate;
}

#loading-box #ark-loading .ark-loading-border::after {
    content: "";
    position: absolute;
    opacity: 1;
    filter: none;
    height: 246px;
    width: 246px;
    border-radius: 50%;
    border-style: solid;
    border-color: var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) transparent;
    border-width: 2px;
    top: 13px;
    left: 13px;
    animation: 3s linear 0s infinite normal none running ark-loading-rotate;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container {
    height: 280px;
    width: 280px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    flex-direction: column;
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-family: UnidreamLED, TaikoMagic;
    text-shadow: rgb(206, 206, 206) 2px 2px 3px;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip::after {
    content: "Loading...";
    animation: 1.5s linear 0s infinite normal none running ark-loading-flash;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace {
    pointer-events: none;
    user-select: none;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-progress {
    display: none;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-activity::before {
    transform: skew(20deg, 20deg) translateX(-2000px);
    transition: transform 0.5s ease-in 0.3s;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-activity::after {
    transform: skew(-20deg, -20deg) translateX(2000px);
    transition: transform 0.5s ease-in 0.3s;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-progress {
    opacity: 1;
    filter: none;
    position: relative;
    height: 40px;
    width: 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transform: translate3d(0px, 0px, 0px) !important;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-progress::after {
    display: block;
    content: attr(data-progress-text);
    font-size: 40px;
    line-height: 1;
    text-align: right;
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity {
    filter: drop-shadow(0 0 3px var(--ark-loading-power-shadow));
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity::before {
    top: calc(50% - 175px);
    display: block;
    height: 350px;
    width: 100px;
    opacity: 0.6;
    content: "";
    background: repeating-linear-gradient(to top, var(--ark-loading-power-color) 0, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
    position: fixed;
    border-radius: 5px;
    left: calc(50% - 600px);
    transform: skew(-30deg, -10deg);
}

#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity::after {
    top: calc(50% - 175px);
    display: block;
    height: 350px;
    width: 100px;
    opacity: 0.6;
    content: "";
    background: repeating-linear-gradient(to top, var(--ark-loading-power-color) 0, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
    position: fixed;
    border-radius: 5px;
    right: calc(50% - 600px);
    transform: skew(30deg, 10deg);
}

#loading-box.arkend * {
    transition: all 1s ease-in 0.3s;
}

#loading-box.arkend #ark-loading {
    opacity: 0;
    transition: opacity 0.4s ease-in 0.6s;
}

#loading-box.arkend #ark-loading .ark-loading-border {
    border-width: 0px;
    transition: border-width 0.3s ease-in 0.6s;
}

#loading-box.arkend #ark-loading .ark-loading-border::before {
    opacity: 1;
    filter: none;
    transition: opacity 0.3s ease-in 0.3s;
}

#loading-box.arkend #ark-loading .ark-loading-border::after {
    opacity: 1;
    filter: none;
    transition: opacity 0.3s ease-in 0.3s;
}

#loading-box.arkend #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip {
    opacity: 0;
    transition: opacity 0.5s ease-in 0.5s;
}

#loading-box.arkend #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip::after {
    content: "Loaded!" !important;
}

.pace .pace-progress[data-progress-text="1%"]~.pace-activity::before {
    clip-path: inset(99% 0px 0px);
}

.pace .pace-progress[data-progress-text="1%"]~.pace-activity::after {
    clip-path: inset(99% 0px 0px);
}

.pace .pace-progress[data-progress-text="2%"]~.pace-activity::before {
    clip-path: inset(98% 0px 0px);
}

.pace .pace-progress[data-progress-text="2%"]~.pace-activity::after {
    clip-path: inset(98% 0px 0px);
}

.pace .pace-progress[data-progress-text="3%"]~.pace-activity::before {
    clip-path: inset(97% 0px 0px);
}

.pace .pace-progress[data-progress-text="3%"]~.pace-activity::after {
    clip-path: inset(97% 0px 0px);
}

.pace .pace-progress[data-progress-text="4%"]~.pace-activity::before {
    clip-path: inset(96% 0px 0px);
}

.pace .pace-progress[data-progress-text="4%"]~.pace-activity::after {
    clip-path: inset(96% 0px 0px);
}

.pace .pace-progress[data-progress-text="5%"]~.pace-activity::before {
    clip-path: inset(95% 0px 0px);
}

.pace .pace-progress[data-progress-text="5%"]~.pace-activity::after {
    clip-path: inset(95% 0px 0px);
}

.pace .pace-progress[data-progress-text="6%"]~.pace-activity::before {
    clip-path: inset(94% 0px 0px);
}

.pace .pace-progress[data-progress-text="6%"]~.pace-activity::after {
    clip-path: inset(94% 0px 0px);
}

.pace .pace-progress[data-progress-text="7%"]~.pace-activity::before {
    clip-path: inset(93% 0px 0px);
}

.pace .pace-progress[data-progress-text="7%"]~.pace-activity::after {
    clip-path: inset(93% 0px 0px);
}

.pace .pace-progress[data-progress-text="8%"]~.pace-activity::before {
    clip-path: inset(92% 0px 0px);
}

.pace .pace-progress[data-progress-text="8%"]~.pace-activity::after {
    clip-path: inset(92% 0px 0px);
}

.pace .pace-progress[data-progress-text="9%"]~.pace-activity::before {
    clip-path: inset(91% 0px 0px);
}

.pace .pace-progress[data-progress-text="9%"]~.pace-activity::after {
    clip-path: inset(91% 0px 0px);
}

.pace .pace-progress[data-progress-text="10%"]~.pace-activity::before {
    clip-path: inset(90% 0px 0px);
}

.pace .pace-progress[data-progress-text="10%"]~.pace-activity::after {
    clip-path: inset(90% 0px 0px);
}

.pace .pace-progress[data-progress-text="11%"]~.pace-activity::before {
    clip-path: inset(89% 0px 0px);
}

.pace .pace-progress[data-progress-text="11%"]~.pace-activity::after {
    clip-path: inset(89% 0px 0px);
}

.pace .pace-progress[data-progress-text="12%"]~.pace-activity::before {
    clip-path: inset(88% 0px 0px);
}

.pace .pace-progress[data-progress-text="12%"]~.pace-activity::after {
    clip-path: inset(88% 0px 0px);
}

.pace .pace-progress[data-progress-text="13%"]~.pace-activity::before {
    clip-path: inset(87% 0px 0px);
}

.pace .pace-progress[data-progress-text="13%"]~.pace-activity::after {
    clip-path: inset(87% 0px 0px);
}

.pace .pace-progress[data-progress-text="14%"]~.pace-activity::before {
    clip-path: inset(86% 0px 0px);
}

.pace .pace-progress[data-progress-text="14%"]~.pace-activity::after {
    clip-path: inset(86% 0px 0px);
}

.pace .pace-progress[data-progress-text="15%"]~.pace-activity::before {
    clip-path: inset(85% 0px 0px);
}

.pace .pace-progress[data-progress-text="15%"]~.pace-activity::after {
    clip-path: inset(85% 0px 0px);
}

.pace .pace-progress[data-progress-text="16%"]~.pace-activity::before {
    clip-path: inset(84% 0px 0px);
}

.pace .pace-progress[data-progress-text="16%"]~.pace-activity::after {
    clip-path: inset(84% 0px 0px);
}

.pace .pace-progress[data-progress-text="17%"]~.pace-activity::before {
    clip-path: inset(83% 0px 0px);
}

.pace .pace-progress[data-progress-text="17%"]~.pace-activity::after {
    clip-path: inset(83% 0px 0px);
}

.pace .pace-progress[data-progress-text="18%"]~.pace-activity::before {
    clip-path: inset(82% 0px 0px);
}

.pace .pace-progress[data-progress-text="18%"]~.pace-activity::after {
    clip-path: inset(82% 0px 0px);
}

.pace .pace-progress[data-progress-text="19%"]~.pace-activity::before {
    clip-path: inset(81% 0px 0px);
}

.pace .pace-progress[data-progress-text="19%"]~.pace-activity::after {
    clip-path: inset(81% 0px 0px);
}

.pace .pace-progress[data-progress-text="20%"]~.pace-activity::before {
    clip-path: inset(80% 0px 0px);
}

.pace .pace-progress[data-progress-text="20%"]~.pace-activity::after {
    clip-path: inset(80% 0px 0px);
}

.pace .pace-progress[data-progress-text="21%"]~.pace-activity::before {
    clip-path: inset(79% 0px 0px);
}

.pace .pace-progress[data-progress-text="21%"]~.pace-activity::after {
    clip-path: inset(79% 0px 0px);
}

.pace .pace-progress[data-progress-text="22%"]~.pace-activity::before {
    clip-path: inset(78% 0px 0px);
}

.pace .pace-progress[data-progress-text="22%"]~.pace-activity::after {
    clip-path: inset(78% 0px 0px);
}

.pace .pace-progress[data-progress-text="23%"]~.pace-activity::before {
    clip-path: inset(77% 0px 0px);
}

.pace .pace-progress[data-progress-text="23%"]~.pace-activity::after {
    clip-path: inset(77% 0px 0px);
}

.pace .pace-progress[data-progress-text="24%"]~.pace-activity::before {
    clip-path: inset(76% 0px 0px);
}

.pace .pace-progress[data-progress-text="24%"]~.pace-activity::after {
    clip-path: inset(76% 0px 0px);
}

.pace .pace-progress[data-progress-text="25%"]~.pace-activity::before {
    clip-path: inset(75% 0px 0px);
}

.pace .pace-progress[data-progress-text="25%"]~.pace-activity::after {
    clip-path: inset(75% 0px 0px);
}

.pace .pace-progress[data-progress-text="26%"]~.pace-activity::before {
    clip-path: inset(74% 0px 0px);
}

.pace .pace-progress[data-progress-text="26%"]~.pace-activity::after {
    clip-path: inset(74% 0px 0px);
}

.pace .pace-progress[data-progress-text="27%"]~.pace-activity::before {
    clip-path: inset(73% 0px 0px);
}

.pace .pace-progress[data-progress-text="27%"]~.pace-activity::after {
    clip-path: inset(73% 0px 0px);
}

.pace .pace-progress[data-progress-text="28%"]~.pace-activity::before {
    clip-path: inset(72% 0px 0px);
}

.pace .pace-progress[data-progress-text="28%"]~.pace-activity::after {
    clip-path: inset(72% 0px 0px);
}

.pace .pace-progress[data-progress-text="29%"]~.pace-activity::before {
    clip-path: inset(71% 0px 0px);
}

.pace .pace-progress[data-progress-text="29%"]~.pace-activity::after {
    clip-path: inset(71% 0px 0px);
}

.pace .pace-progress[data-progress-text="30%"]~.pace-activity::before {
    clip-path: inset(70% 0px 0px);
}

.pace .pace-progress[data-progress-text="30%"]~.pace-activity::after {
    clip-path: inset(70% 0px 0px);
}

.pace .pace-progress[data-progress-text="31%"]~.pace-activity::before {
    clip-path: inset(69% 0px 0px);
}

.pace .pace-progress[data-progress-text="31%"]~.pace-activity::after {
    clip-path: inset(69% 0px 0px);
}

.pace .pace-progress[data-progress-text="32%"]~.pace-activity::before {
    clip-path: inset(68% 0px 0px);
}

.pace .pace-progress[data-progress-text="32%"]~.pace-activity::after {
    clip-path: inset(68% 0px 0px);
}

.pace .pace-progress[data-progress-text="33%"]~.pace-activity::before {
    clip-path: inset(67% 0px 0px);
}

.pace .pace-progress[data-progress-text="33%"]~.pace-activity::after {
    clip-path: inset(67% 0px 0px);
}

.pace .pace-progress[data-progress-text="34%"]~.pace-activity::before {
    clip-path: inset(66% 0px 0px);
}

.pace .pace-progress[data-progress-text="34%"]~.pace-activity::after {
    clip-path: inset(66% 0px 0px);
}

.pace .pace-progress[data-progress-text="35%"]~.pace-activity::before {
    clip-path: inset(65% 0px 0px);
}

.pace .pace-progress[data-progress-text="35%"]~.pace-activity::after {
    clip-path: inset(65% 0px 0px);
}

.pace .pace-progress[data-progress-text="36%"]~.pace-activity::before {
    clip-path: inset(64% 0px 0px);
}

.pace .pace-progress[data-progress-text="36%"]~.pace-activity::after {
    clip-path: inset(64% 0px 0px);
}

.pace .pace-progress[data-progress-text="37%"]~.pace-activity::before {
    clip-path: inset(63% 0px 0px);
}

.pace .pace-progress[data-progress-text="37%"]~.pace-activity::after {
    clip-path: inset(63% 0px 0px);
}

.pace .pace-progress[data-progress-text="38%"]~.pace-activity::before {
    clip-path: inset(62% 0px 0px);
}

.pace .pace-progress[data-progress-text="38%"]~.pace-activity::after {
    clip-path: inset(62% 0px 0px);
}

.pace .pace-progress[data-progress-text="39%"]~.pace-activity::before {
    clip-path: inset(61% 0px 0px);
}

.pace .pace-progress[data-progress-text="39%"]~.pace-activity::after {
    clip-path: inset(61% 0px 0px);
}

.pace .pace-progress[data-progress-text="40%"]~.pace-activity::before {
    clip-path: inset(60% 0px 0px);
}

.pace .pace-progress[data-progress-text="40%"]~.pace-activity::after {
    clip-path: inset(60% 0px 0px);
}

.pace .pace-progress[data-progress-text="41%"]~.pace-activity::before {
    clip-path: inset(59% 0px 0px);
}

.pace .pace-progress[data-progress-text="41%"]~.pace-activity::after {
    clip-path: inset(59% 0px 0px);
}

.pace .pace-progress[data-progress-text="42%"]~.pace-activity::before {
    clip-path: inset(58% 0px 0px);
}

.pace .pace-progress[data-progress-text="42%"]~.pace-activity::after {
    clip-path: inset(58% 0px 0px);
}

.pace .pace-progress[data-progress-text="43%"]~.pace-activity::before {
    clip-path: inset(57% 0px 0px);
}

.pace .pace-progress[data-progress-text="43%"]~.pace-activity::after {
    clip-path: inset(57% 0px 0px);
}

.pace .pace-progress[data-progress-text="44%"]~.pace-activity::before {
    clip-path: inset(56% 0px 0px);
}

.pace .pace-progress[data-progress-text="44%"]~.pace-activity::after {
    clip-path: inset(56% 0px 0px);
}

.pace .pace-progress[data-progress-text="45%"]~.pace-activity::before {
    clip-path: inset(55% 0px 0px);
}

.pace .pace-progress[data-progress-text="45%"]~.pace-activity::after {
    clip-path: inset(55% 0px 0px);
}

.pace .pace-progress[data-progress-text="46%"]~.pace-activity::before {
    clip-path: inset(54% 0px 0px);
}

.pace .pace-progress[data-progress-text="46%"]~.pace-activity::after {
    clip-path: inset(54% 0px 0px);
}

.pace .pace-progress[data-progress-text="47%"]~.pace-activity::before {
    clip-path: inset(53% 0px 0px);
}

.pace .pace-progress[data-progress-text="47%"]~.pace-activity::after {
    clip-path: inset(53% 0px 0px);
}

.pace .pace-progress[data-progress-text="48%"]~.pace-activity::before {
    clip-path: inset(52% 0px 0px);
}

.pace .pace-progress[data-progress-text="48%"]~.pace-activity::after {
    clip-path: inset(52% 0px 0px);
}

.pace .pace-progress[data-progress-text="49%"]~.pace-activity::before {
    clip-path: inset(51% 0px 0px);
}

.pace .pace-progress[data-progress-text="49%"]~.pace-activity::after {
    clip-path: inset(51% 0px 0px);
}

.pace .pace-progress[data-progress-text="50%"]~.pace-activity::before {
    clip-path: inset(50% 0px 0px);
}

.pace .pace-progress[data-progress-text="50%"]~.pace-activity::after {
    clip-path: inset(50% 0px 0px);
}

.pace .pace-progress[data-progress-text="51%"]~.pace-activity::before {
    clip-path: inset(49% 0px 0px);
}

.pace .pace-progress[data-progress-text="51%"]~.pace-activity::after {
    clip-path: inset(49% 0px 0px);
}

.pace .pace-progress[data-progress-text="52%"]~.pace-activity::before {
    clip-path: inset(48% 0px 0px);
}

.pace .pace-progress[data-progress-text="52%"]~.pace-activity::after {
    clip-path: inset(48% 0px 0px);
}

.pace .pace-progress[data-progress-text="53%"]~.pace-activity::before {
    clip-path: inset(47% 0px 0px);
}

.pace .pace-progress[data-progress-text="53%"]~.pace-activity::after {
    clip-path: inset(47% 0px 0px);
}

.pace .pace-progress[data-progress-text="54%"]~.pace-activity::before {
    clip-path: inset(46% 0px 0px);
}

.pace .pace-progress[data-progress-text="54%"]~.pace-activity::after {
    clip-path: inset(46% 0px 0px);
}

.pace .pace-progress[data-progress-text="55%"]~.pace-activity::before {
    clip-path: inset(45% 0px 0px);
}

.pace .pace-progress[data-progress-text="55%"]~.pace-activity::after {
    clip-path: inset(45% 0px 0px);
}

.pace .pace-progress[data-progress-text="56%"]~.pace-activity::before {
    clip-path: inset(44% 0px 0px);
}

.pace .pace-progress[data-progress-text="56%"]~.pace-activity::after {
    clip-path: inset(44% 0px 0px);
}

.pace .pace-progress[data-progress-text="57%"]~.pace-activity::before {
    clip-path: inset(43% 0px 0px);
}

.pace .pace-progress[data-progress-text="57%"]~.pace-activity::after {
    clip-path: inset(43% 0px 0px);
}

.pace .pace-progress[data-progress-text="58%"]~.pace-activity::before {
    clip-path: inset(42% 0px 0px);
}

.pace .pace-progress[data-progress-text="58%"]~.pace-activity::after {
    clip-path: inset(42% 0px 0px);
}

.pace .pace-progress[data-progress-text="59%"]~.pace-activity::before {
    clip-path: inset(41% 0px 0px);
}

.pace .pace-progress[data-progress-text="59%"]~.pace-activity::after {
    clip-path: inset(41% 0px 0px);
}

.pace .pace-progress[data-progress-text="60%"]~.pace-activity::before {
    clip-path: inset(40% 0px 0px);
}

.pace .pace-progress[data-progress-text="60%"]~.pace-activity::after {
    clip-path: inset(40% 0px 0px);
}

.pace .pace-progress[data-progress-text="61%"]~.pace-activity::before {
    clip-path: inset(39% 0px 0px);
}

.pace .pace-progress[data-progress-text="61%"]~.pace-activity::after {
    clip-path: inset(39% 0px 0px);
}

.pace .pace-progress[data-progress-text="62%"]~.pace-activity::before {
    clip-path: inset(38% 0px 0px);
}

.pace .pace-progress[data-progress-text="62%"]~.pace-activity::after {
    clip-path: inset(38% 0px 0px);
}

.pace .pace-progress[data-progress-text="63%"]~.pace-activity::before {
    clip-path: inset(37% 0px 0px);
}

.pace .pace-progress[data-progress-text="63%"]~.pace-activity::after {
    clip-path: inset(37% 0px 0px);
}

.pace .pace-progress[data-progress-text="64%"]~.pace-activity::before {
    clip-path: inset(36% 0px 0px);
}

.pace .pace-progress[data-progress-text="64%"]~.pace-activity::after {
    clip-path: inset(36% 0px 0px);
}

.pace .pace-progress[data-progress-text="65%"]~.pace-activity::before {
    clip-path: inset(35% 0px 0px);
}

.pace .pace-progress[data-progress-text="65%"]~.pace-activity::after {
    clip-path: inset(35% 0px 0px);
}

.pace .pace-progress[data-progress-text="66%"]~.pace-activity::before {
    clip-path: inset(34% 0px 0px);
}

.pace .pace-progress[data-progress-text="66%"]~.pace-activity::after {
    clip-path: inset(34% 0px 0px);
}

.pace .pace-progress[data-progress-text="67%"]~.pace-activity::before {
    clip-path: inset(33% 0px 0px);
}

.pace .pace-progress[data-progress-text="67%"]~.pace-activity::after {
    clip-path: inset(33% 0px 0px);
}

.pace .pace-progress[data-progress-text="68%"]~.pace-activity::before {
    clip-path: inset(32% 0px 0px);
}

.pace .pace-progress[data-progress-text="68%"]~.pace-activity::after {
    clip-path: inset(32% 0px 0px);
}

.pace .pace-progress[data-progress-text="69%"]~.pace-activity::before {
    clip-path: inset(31% 0px 0px);
}

.pace .pace-progress[data-progress-text="69%"]~.pace-activity::after {
    clip-path: inset(31% 0px 0px);
}

.pace .pace-progress[data-progress-text="70%"]~.pace-activity::before {
    clip-path: inset(30% 0px 0px);
}

.pace .pace-progress[data-progress-text="70%"]~.pace-activity::after {
    clip-path: inset(30% 0px 0px);
}

.pace .pace-progress[data-progress-text="71%"]~.pace-activity::before {
    clip-path: inset(29% 0px 0px);
}

.pace .pace-progress[data-progress-text="71%"]~.pace-activity::after {
    clip-path: inset(29% 0px 0px);
}

.pace .pace-progress[data-progress-text="72%"]~.pace-activity::before {
    clip-path: inset(28% 0px 0px);
}

.pace .pace-progress[data-progress-text="72%"]~.pace-activity::after {
    clip-path: inset(28% 0px 0px);
}

.pace .pace-progress[data-progress-text="73%"]~.pace-activity::before {
    clip-path: inset(27% 0px 0px);
}

.pace .pace-progress[data-progress-text="73%"]~.pace-activity::after {
    clip-path: inset(27% 0px 0px);
}

.pace .pace-progress[data-progress-text="74%"]~.pace-activity::before {
    clip-path: inset(26% 0px 0px);
}

.pace .pace-progress[data-progress-text="74%"]~.pace-activity::after {
    clip-path: inset(26% 0px 0px);
}

.pace .pace-progress[data-progress-text="75%"]~.pace-activity::before {
    clip-path: inset(25% 0px 0px);
}

.pace .pace-progress[data-progress-text="75%"]~.pace-activity::after {
    clip-path: inset(25% 0px 0px);
}

.pace .pace-progress[data-progress-text="76%"]~.pace-activity::before {
    clip-path: inset(24% 0px 0px);
}

.pace .pace-progress[data-progress-text="76%"]~.pace-activity::after {
    clip-path: inset(24% 0px 0px);
}

.pace .pace-progress[data-progress-text="77%"]~.pace-activity::before {
    clip-path: inset(23% 0px 0px);
}

.pace .pace-progress[data-progress-text="77%"]~.pace-activity::after {
    clip-path: inset(23% 0px 0px);
}

.pace .pace-progress[data-progress-text="78%"]~.pace-activity::before {
    clip-path: inset(22% 0px 0px);
}

.pace .pace-progress[data-progress-text="78%"]~.pace-activity::after {
    clip-path: inset(22% 0px 0px);
}

.pace .pace-progress[data-progress-text="79%"]~.pace-activity::before {
    clip-path: inset(21% 0px 0px);
}

.pace .pace-progress[data-progress-text="79%"]~.pace-activity::after {
    clip-path: inset(21% 0px 0px);
}

.pace .pace-progress[data-progress-text="80%"]~.pace-activity::before {
    clip-path: inset(20% 0px 0px);
}

.pace .pace-progress[data-progress-text="80%"]~.pace-activity::after {
    clip-path: inset(20% 0px 0px);
}

.pace .pace-progress[data-progress-text="81%"]~.pace-activity::before {
    clip-path: inset(19% 0px 0px);
}

.pace .pace-progress[data-progress-text="81%"]~.pace-activity::after {
    clip-path: inset(19% 0px 0px);
}

.pace .pace-progress[data-progress-text="82%"]~.pace-activity::before {
    clip-path: inset(18% 0px 0px);
}

.pace .pace-progress[data-progress-text="82%"]~.pace-activity::after {
    clip-path: inset(18% 0px 0px);
}

.pace .pace-progress[data-progress-text="83%"]~.pace-activity::before {
    clip-path: inset(17% 0px 0px);
}

.pace .pace-progress[data-progress-text="83%"]~.pace-activity::after {
    clip-path: inset(17% 0px 0px);
}

.pace .pace-progress[data-progress-text="84%"]~.pace-activity::before {
    clip-path: inset(16% 0px 0px);
}

.pace .pace-progress[data-progress-text="84%"]~.pace-activity::after {
    clip-path: inset(16% 0px 0px);
}

.pace .pace-progress[data-progress-text="85%"]~.pace-activity::before {
    clip-path: inset(15% 0px 0px);
}

.pace .pace-progress[data-progress-text="85%"]~.pace-activity::after {
    clip-path: inset(15% 0px 0px);
}

.pace .pace-progress[data-progress-text="86%"]~.pace-activity::before {
    clip-path: inset(14% 0px 0px);
}

.pace .pace-progress[data-progress-text="86%"]~.pace-activity::after {
    clip-path: inset(14% 0px 0px);
}

.pace .pace-progress[data-progress-text="87%"]~.pace-activity::before {
    clip-path: inset(13% 0px 0px);
}

.pace .pace-progress[data-progress-text="87%"]~.pace-activity::after {
    clip-path: inset(13% 0px 0px);
}

.pace .pace-progress[data-progress-text="88%"]~.pace-activity::before {
    clip-path: inset(12% 0px 0px);
}

.pace .pace-progress[data-progress-text="88%"]~.pace-activity::after {
    clip-path: inset(12% 0px 0px);
}

.pace .pace-progress[data-progress-text="89%"]~.pace-activity::before {
    clip-path: inset(11% 0px 0px);
}

.pace .pace-progress[data-progress-text="89%"]~.pace-activity::after {
    clip-path: inset(11% 0px 0px);
}

.pace .pace-progress[data-progress-text="90%"]~.pace-activity::before {
    clip-path: inset(10% 0px 0px);
}

.pace .pace-progress[data-progress-text="90%"]~.pace-activity::after {
    clip-path: inset(10% 0px 0px);
}

.pace .pace-progress[data-progress-text="91%"]~.pace-activity::before {
    clip-path: inset(9% 0px 0px);
}

.pace .pace-progress[data-progress-text="91%"]~.pace-activity::after {
    clip-path: inset(9% 0px 0px);
}

.pace .pace-progress[data-progress-text="92%"]~.pace-activity::before {
    clip-path: inset(8% 0px 0px);
}

.pace .pace-progress[data-progress-text="92%"]~.pace-activity::after {
    clip-path: inset(8% 0px 0px);
}

.pace .pace-progress[data-progress-text="93%"]~.pace-activity::before {
    clip-path: inset(7% 0px 0px);
}

.pace .pace-progress[data-progress-text="93%"]~.pace-activity::after {
    clip-path: inset(7% 0px 0px);
}

.pace .pace-progress[data-progress-text="94%"]~.pace-activity::before {
    clip-path: inset(6% 0px 0px);
}

.pace .pace-progress[data-progress-text="94%"]~.pace-activity::after {
    clip-path: inset(6% 0px 0px);
}

.pace .pace-progress[data-progress-text="95%"]~.pace-activity::before {
    clip-path: inset(5% 0px 0px);
}

.pace .pace-progress[data-progress-text="95%"]~.pace-activity::after {
    clip-path: inset(5% 0px 0px);
}

.pace .pace-progress[data-progress-text="96%"]~.pace-activity::before {
    clip-path: inset(4% 0px 0px);
}

.pace .pace-progress[data-progress-text="96%"]~.pace-activity::after {
    clip-path: inset(4% 0px 0px);
}

.pace .pace-progress[data-progress-text="97%"]~.pace-activity::before {
    clip-path: inset(3% 0px 0px);
}

.pace .pace-progress[data-progress-text="97%"]~.pace-activity::after {
    clip-path: inset(3% 0px 0px);
}

.pace .pace-progress[data-progress-text="98%"]~.pace-activity::before {
    clip-path: inset(2% 0px 0px);
}

.pace .pace-progress[data-progress-text="98%"]~.pace-activity::after {
    clip-path: inset(2% 0px 0px);
}

.pace .pace-progress[data-progress-text="99%"]~.pace-activity::before {
    clip-path: inset(1% 0px 0px);
}

.pace .pace-progress[data-progress-text="99%"]~.pace-activity::after {
    clip-path: inset(1% 0px 0px);
}

.pace .pace-progress[data-progress-text="100%"]~.pace-activity::before {
    clip-path: inset(0px);
}

.pace .pace-progress[data-progress-text="100%"]~.pace-activity::after {
    clip-path: inset(0px);
}

@-webkit-keyframes ark-loading-flash {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        filter: none;
    }
}

@keyframes ark-loading-flash {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        filter: none;
    }
}

@-webkit-keyframes ark-loading-rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes ark-loading-rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

 :root {
    --title-prefix-color: #fff;
    --title-prefix-background: rgba(25, 25, 25, 0.5);
    --title-prefix-shadow: #555;
    --title-prefix-border: rgba(180, 181, 182, 0.6);
    --title-prefix-icon-color: #f58b49;
    --title-prefix-corner-mark-color: #555759;
    --title-prefix-corner-mark-background: #dd9f58;
}

[data-theme="dark"] {
    --title-prefix-color: #8dc9ef;
    --title-prefix-background: rgba(36, 56, 65, 0.5);
    --title-prefix-shadow: #182238;
    --title-prefix-border: rgba(39, 66, 69, 0.6);
    --title-prefix-icon-color: #004e77;
    --title-prefix-corner-mark-color: #92cef1;
    --title-prefix-corner-mark-background: #37708f;
}

#article-container {
    overflow-wrap: break-word;
}

#article-container a {
    color: rgb(242, 86, 59);
}

#article-container a:hover {
    text-decoration: underline;
}

#article-container img {
    display: block;
    margin: 0px auto 20px;
    max-width: 100%;
    transition: filter 375ms ease-in 0.2s;
}

#article-container p {
    margin: 0px 0px 16px;
}

#article-container iframe {
    margin: 0px 0px 20px;
}

#article-container ol ol,
#article-container ol ul,
#article-container ul ol,
#article-container ul ul {
    padding-left: 20px;
}

#article-container ol li,
#article-container ul li {
    margin: 4px 0px;
}

#article-container ol p,
#article-container ul p {
    margin: 0px 0px 8px;
}

#article-container h1,
#article-container h2,
#article-container h3,
#article-container h4,
#article-container h5,
#article-container h6 {
    transition: all 0.2s ease-out 0s;
    width: fit-content;
    height: fit-content;
    min-width: 8em;
    min-height: 2em;
    clip-path: polygon(0px 0px, calc(100% - 1em) 0px, 100% 1em, 100% 100%, 1em 100%, 0px calc(100% - 1em));
    padding: 0px 1.5em;
    color: var(--title-prefix-color);
    background: var(--title-prefix-background);
    text-shadow: 3px 4px var(--title-prefix-shadow);
    border: 3px solid var(--title-prefix-border);
}

#article-container h1::before,
#article-container h2::before,
#article-container h3::before,
#article-container h4::before,
#article-container h5::before,
#article-container h6::before {
    position: absolute;
    bottom: 0.6em;
    left: 0.2em;
    color: var(--title-prefix-icon-color);
    line-height: 1;
    transition: all 0.2s ease-out 0s;
}

#article-container h1::after,
#article-container h2::after,
#article-container h3::after,
#article-container h4::after,
#article-container h5::after,
#article-container h6::after {
    position: absolute;
    font-size: 12px;
    padding: 0px 0px 0px 20px;
    background: var(--title-prefix-corner-mark-background);
    font-family: SAOUI;
    text-shadow: none;
    line-height: 1em;
    color: var(--title-prefix-corner-mark-color);
    width: 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    bottom: -3px;
    right: -3px;
    clip-path: polygon(15px 0px, 100% 0px, 100% 100%, 0px 100%);
}

#article-container h1:hover::after,
#article-container h2:hover::after,
#article-container h3:hover::after,
#article-container h4:hover::after,
#article-container h5:hover::after,
#article-container h6:hover::after {
    transition: all 0.2s ease-out 0s;
    text-shadow: rgb(239, 239, 239) 1px 1px;
}

#article-container h1::before {
    content: "";
}

#article-container h1::after {
    content: "level1";
    height: 1.5em;
}

#article-container h2::before {
    content: "";
}

#article-container h2::after {
    content: "level2";
    height: 1.4em;
}

#article-container h3::before {
    content: "";
}

#article-container h3::after {
    content: "level3";
    height: 1.3em;
}

#article-container h4::before {
    content: "";
}

#article-container h4::after {
    content: "level4";
    height: 1.2em;
}

#article-container h5::before {
    content: "";
}

#article-container h5::after {
    content: "level5";
    height: 1.1em;
}

#article-container h6::before {
    content: "";
}

#article-container h6::after {
    content: "level6";
    height: 1em;
}

#article-container ol p,
#article-container ul p {
    margin: 0px 0px 8px;
}

#article-container li::marker {
    color: rgb(242, 86, 59);
    font-weight: 600;
    font-size: 1.05em;
}

#article-container li:hover::marker {
    color: var(--pseudo-hover);
}

#article-container ul>li {
    list-style-type: circle;
}

#article-container> :last-child {
    margin-bottom: 0px !important;
}

.relatedPosts {
    margin-top: 40px;
}

.relatedPosts>.headline {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.43em;
    color: rgb(255, 255, 255);
}

.relatedPosts>.relatedPosts-list>div {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 3px;
    width: calc(33.333% - 6px);
    height: 200px;
    background: rgb(0, 0, 0);
    vertical-align: bottom;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .relatedPosts>.relatedPosts-list>div {
        margin: 2px;
        width: calc(50% - 4px);
        height: 150px;
    }
}

@media screen and (max-width: 600px) {
    .relatedPosts>.relatedPosts-list>div {
        width: calc(100% - 4px);
    }
}

.relatedPosts>.relatedPosts-list .content {
    position: absolute;
    top: 50%;
    padding: 0px 20px;
    width: 100%;
    transform: translate(0px, -50%);
}

.relatedPosts>.relatedPosts-list .content .date {
    color: var(--light-grey);
    font-size: 90%;
}

.relatedPosts>.relatedPosts-list .content .title {
    color: var(--white);
    -webkit-line-clamp: 2;
}

 :root {
    --ark-reward-title: rgba(226, 248, 24, 0.8);
    --ark-reward-color: rgba(180, 50, 35, 0.95);
}

[data-theme="dark"] {
    --ark-reward-title: rgba(24, 248, 229, 0.8);
    --ark-reward-color: rgba(0, 108, 190, 0.9);
}

input#reward-anchor[type="checkbox"] {
    display: none;
}

input#reward-anchor[type="checkbox"]:checked~.reward-box {
    display: flex;
}

.reward-box {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(10px);
    transform: translateZ(0px);
    z-index: 30;
}

.reward-box .reward-border {
    filter: drop-shadow(0 0 5px var(--ark-reward-color));
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.reward-box .reward-border .reward-border-first {
    position: relative;
    width: 430px;
    height: 430px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.reward-box .reward-border .reward-border-first::before {
    position: absolute;
    border-radius: 50%;
    width: 420px;
    height: 420px;
    content: "";
    top: 0px;
    left: 0px;
    border: 5px solid var(--ark-reward-color);
    clip-path: polygon(50% 50%, 50% 40%, 90% 0px, 10% 0px, 50% 40%, 50% 50%, 50% 60%, 90% 100%, 10% 100%, 50% 60%, 50% 50%, 40% 50%, 0px 90%, 0px 10%, 40% 50%, 50% 50%, 60% 50%, 100% 90%, 100% 10%, 60% 50%);
    animation: 30s ease-in-out 0s infinite normal none running reward-border-rotate;
}

.reward-box .reward-border .reward-border-first::after {
    position: absolute;
    border-radius: 50%;
    width: 420px;
    height: 420px;
    content: "";
    top: -15px;
    left: -15px;
    animation: 30s ease-in-out 0s infinite normal none running reward-border-rotate;
    border: 20px solid var(--ark-reward-color);
    clip-path: polygon(50% 50%, 50% 10%, 40% 10%, 50% 0px, 60% 10%, 50% 10%, 50% 50%, 50% 90%, 40% 90%, 50% 100%, 60% 90%, 50% 90%, 50% 50%, 10% 50%, 10% 40%, 0px 50%, 10% 60%, 10% 50%, 50% 50%, 90% 50%, 90% 40%, 100% 50%, 90% 60%, 90% 50%);
}

.reward-box .reward-border .reward-border-first .reward-border-second {
    position: relative;
    width: 380px;
    height: 380px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.reward-box .reward-border .reward-border-first .reward-border-second::before {
    position: absolute;
    border-radius: 50%;
    width: 370px;
    height: 370px;
    content: "";
    top: 0px;
    left: 0px;
    border-width: 5px;
    border-style: solid;
    border-image: initial;
    border-color: transparent var(--ark-reward-color);
    animation: 15s ease-in-out 0s infinite alternate none running reward-border-rotate-reverse;
}

.reward-box .reward-border .reward-border-first .reward-border-second::after {
    position: absolute;
    border-radius: 50%;
    width: 379px;
    height: 379px;
    content: "";
    top: 0px;
    left: 0px;
    background: var(--ark-reward-color);
    clip-path: polygon(0px 45%, 5% 50%, 95% 50%, 100% 45%, 100% 55%, 95% 50%, 5% 50%, 0px 55%);
    animation: 15s ease-in-out 0s infinite alternate none running reward-border-rotate-reverse;
}

.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third {
    position: relative;
    width: 360px;
    height: 360px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third::before {
    position: absolute;
    border-radius: 50%;
    width: 360px;
    height: 360px;
    content: "";
    top: 0px;
    left: 0px;
    transform: rotate(45deg);
    background: var(--ark-reward-color);
    clip-path: polygon(50% 50%, 50% 15%, 49% 15%, 49% 0px, 51% 0px, 51% 15%, 50% 15%, 50% 50%, 50% 85%, 49% 85%, 49% 100%, 51% 100%, 51% 85%, 50% 85%, 50% 50%, 15% 50%, 15% 49%, 0px 49%, 0px 51%, 15% 51%, 15% 50%, 50% 50%, 85% 50%, 85% 49%, 100% 49%, 100% 51%, 85% 51%, 85% 50%);
    animation: 15s ease-in-out 0s infinite alternate none running reward-border-rotate;
}

.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third .reward-border-fourth {
    position: relative;
    width: 270px;
    height: 270px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third .reward-border-fourth::before {
    position: absolute;
    border-radius: 50%;
    width: 264px;
    height: 264px;
    content: "";
    top: 0px;
    left: 0px;
    border: 3px dotted var(--ark-reward-color);
    clip-path: polygon(50% 50%, 50% 40%, 90% 0px, 10% 0px, 50% 40%, 50% 50%, 50% 60%, 90% 100%, 10% 100%, 50% 60%, 50% 50%, 40% 50%, 0px 90%, 0px 10%, 40% 50%, 50% 50%, 60% 50%, 100% 90%, 100% 10%, 60% 50%);
    animation: 15s ease-in-out 0s infinite alternate none running reward-border-rotate-reverse;
}

.reward-box .reward-all {
    position: fixed;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    height: 250px;
    width: 250px;
    overflow-x: scroll;
    padding: 0px;
    transform: rotateZ(-90deg);
}

.reward-box .reward-all::-webkit-scrollbar {
    display: none;
}

.reward-box .reward-all .reward-item {
    height: 250px;
    width: 250px;
    transform: rotateZ(90deg);
}

.reward-box .reward-all .reward-item img {
    height: 250px;
    border-radius: 50%;
    width: 250px;
    opacity: 0.9;
}

.reward-box .reward-all .reward-item .reward-qr-code-desc {
    display: block;
    position: absolute;
    width: fit-content;
    height: 25px;
    line-height: 25px;
    padding: 2px 5px;
    border-radius: 5px;
    text-shadow: rgb(0, 0, 0) 1px 1px 2px;
    color: rgb(255, 255, 255);
    background: var(--ark-reward-title);
    top: 20px;
    right: 0px;
    transform: rotateZ(-45deg);
    font-family: UnidreamLED, TaikoMagic;
}

@-webkit-keyframes reward-border-rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes reward-border-rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes reward-border-rotate-reverse {
    0% {
        transform: rotateZ(360deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

@keyframes reward-border-rotate-reverse {
    0% {
        transform: rotateZ(360deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

#sidebar #menu-mask {
    position: fixed;
    z-index: 102;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

#sidebar #sidebar-menus {
    position: fixed;
    top: 0px;
    right: -300px;
    z-index: 103;
    overflow: hidden auto;
    width: 300px;
    height: 100%;
    background: var(--sidebar-bg);
    transition: all 0.5s ease 0s;
}

#sidebar #sidebar-menus.open {
    transform: translate3d(-100%, 0px, 0px);
}

#sidebar #sidebar-menus>.avatar-img {
    margin: 20px auto;
}

#sidebar #sidebar-menus .sidebar-site-data {
    padding: 0px 10px;
}

#sidebar #sidebar-menus hr {
    margin: 20px auto;
}

#sidebar #sidebar-menus .menus_items {
    padding: 0px 10px 40px;
}

#sidebar #sidebar-menus .menus_items .site-page {
    position: relative;
    display: block;
    padding: 6px 30px 6px 22px;
    color: var(--font-color);
    font-size: 1.15em;
}

#sidebar #sidebar-menus .menus_items .site-page:hover {
    background: var(--text-bg-hover);
}

#sidebar #sidebar-menus .menus_items .site-page i:first-child {
    width: 15%;
    text-align: left;
}

#sidebar #sidebar-menus .menus_items .site-page.group>i:last-child {
    position: absolute;
    top: 0.78em;
    right: 18px;
    transition: transform 0.3s ease 0s;
}

#sidebar #sidebar-menus .menus_items .site-page.group.hide>i:last-child {
    transform: rotate(90deg);
}

#sidebar #sidebar-menus .menus_items .site-page.group.hide+.menus_item_child {
    display: none;
}

#sidebar #sidebar-menus .menus_items .menus_item_child {
    margin: 0px;
    list-style: none;
}

#vcomment {
    font-size: 1.1em;
}

#vcomment .vbtn {
    border: none;
    background: var(--btn-bg);
    color: var(--btn-color);
}

#vcomment .vbtn:hover {
    background: var(--btn-hover-color);
}

#vcomment .vimg {
    transition: all 0.3s ease 0s;
}

#vcomment .vimg:hover {
    transform: rotate(360deg);
}

#vcomment .vcards .vcard .vcontent.expand::after,
#vcomment .vcards .vcard .vcontent.expand::before {
    z-index: 22;
}

#waline-wrap {
    --waline-font-size: 1.1em;
    --waline-theme-color: #f2563b;
    --waline-active-color: #6842ff;
}

#waline-wrap .vuser {
    transition: all 0.5s ease 0s;
}

#waline-wrap .vuser:hover {
    transform: rotate(360deg);
}

#vcomment textarea {
    background: url("https://img.lovelu.top/akilar-theme/gif/valine.gif") 100% 100% no-repeat;
}

#vcomment textarea:focus {
    background-image: none;
}

#waline-wrap textarea {
    background: url("https://img.lovelu.top/akilar-theme/gif/valine.gif") 100% 100% no-repeat;
}

#waline-wrap textarea:focus {
    background-image: none;
}

.fireworks {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    pointer-events: none;
}

.medium-zoom-image--opened {
    z-index: 99999 !important;
    margin: 0px !important;
}

.medium-zoom-overlay {
    z-index: 99999 !important;
}

.mermaid-wrap {
    margin: 0px 0px 20px;
    text-align: center;
}

.mermaid-wrap>svg {
    height: 100%;
}

.fb-comments iframe,
.utterances {
    width: 100% !important;
}

#gitalk-container .gt-meta {
    margin: 0px 0px 0.8em;
    padding: 6px 0px 16px;
}

.katex-wrap {
    overflow: auto;
}

.katex-wrap::-webkit-scrollbar {
    display: none;
}

.has-jax,
mjx-container[display] {
    overflow: auto hidden;
    line-height: normal !important;
}

.aplayer {
    color: rgb(76, 73, 72);
}

#article-container .aplayer {
    margin: 0px 0px 20px;
}

#article-container .aplayer ol,
#article-container .aplayer ul {
    margin: 0px;
    padding: 0px;
}

#article-container .aplayer ol li,
#article-container .aplayer ul li {
    margin: 0px;
    padding: 0px 15px;
}

#article-container .aplayer ol li::before,
#article-container .aplayer ul li::before {
    content: none;
}

.snackbar-css {
    border-radius: 5px !important;
}

[data-theme="dark"] div.btns {
    filter: brightness(0.7);
}

[data-theme="dark"] div.btns a {
    background: 0px 0px;
}

[data-theme="dark"] .checkbox {
    filter: brightness(0.7);
}

div.btns {
    margin: 0px -8px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    overflow: visible;
    line-height: 1.8;
}

div.btns b {
    font-size: 0.875rem;
}

div.btns.wide>a {
    padding-left: 32px;
    padding-right: 32px;
}

div.btns.fill>a {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: auto;
}

div.btns.around {
    justify-content: space-around;
}

div.btns.center {
    -webkit-box-pack: center;
    justify-content: center;
}

div.btns.grid2>a {
    width: calc(50% - 16px);
}

div.btns.grid3>a {
    width: calc(33.3333% - 16px);
}

div.btns.grid4>a {
    width: calc(25% - 16px);
}

div.btns.grid5>a {
    width: calc(20% - 16px);
}

div.btns a {
    transition: all 0.28s ease 0s;
    margin: calc(52px) 8px 8px;
    min-width: 120px;
    font-weight: 700;
    display: flex;
    -webkit-box-pack: start;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    flex-direction: column;
    padding: 8px;
    text-align: center;
    background: rgb(246, 246, 246);
    border-radius: 4px;
}

div.btns a>i {
    background: rgb(33, 150, 243) !important;
}

div.btns a>i:first-child {
    color: rgb(255, 255, 255);
    background: rgb(33, 150, 243);
}

div.btns a b {
    font-weight: 700;
    line-height: 1.3;
}

div.btns a img {
    margin: 0.4em auto;
}

div.btns a:not([href]) {
    cursor: default;
    color: inherit;
}

div.btns a[href]:hover {
    background: rgba(255, 87, 34, 0.15);
}

div.btns a[href]:hover>i:first-child {
    background: rgb(255, 87, 34);
}

div.btns,
div.btns a,
div.btns p {
    font-size: 0.8125rem;
    color: rgb(85, 85, 85);
}

@media screen and (max-width: 1024px) {
    div.btns.grid2>a {
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 768px) {
    div.btns.grid2>a {
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 500px) {
    div.btns.grid2>a {
        width: calc(100% - 16px);
    }
}

@media screen and (max-width: 1024px) {
    div.btns.grid3>a {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 768px) {
    div.btns.grid3>a {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 500px) {
    div.btns.grid3>a {
        width: calc(100% - 16px);
    }
}

@media screen and (max-width: 1024px) {
    div.btns.grid4>a {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 768px) {
    div.btns.grid4>a {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 500px) {
    div.btns.grid4>a {
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 1024px) {
    div.btns.grid5>a {
        width: calc(25% - 16px);
    }
}

@media screen and (max-width: 768px) {
    div.btns.grid5>a {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 500px) {
    div.btns.grid5>a {
        width: calc(50% - 16px);
    }
}

div.btns a>i:first-child,
div.btns a>img:first-child {
    transition: all 0.28s ease 0s;
    height: 64px;
    width: 64px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    margin: calc(-52px) 8px 4px;
    border: 2px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    line-height: 60px;
    font-size: 28px;
}

div.btns a>i:first-child.auto,
div.btns a>img:first-child.auto {
    width: auto;
}

div.btns a b,
div.btns a p {
    margin: 0.25em;
    font-weight: 400;
    line-height: 1.25;
    overflow-wrap: break-word;
}

div.btns a[href]:hover,
div.btns a[href]:hover b {
    color: rgb(255, 87, 34);
}

div.btns a[href]:hover>i:first-child,
div.btns a[href]:hover>img:first-child {
    transform: scale(1.1) translateY(-8px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;
}

div.btns.circle a>i:first-child,
div.btns.circle a>img:first-child {
    border-radius: 32px;
}

div.btns.rounded a>i:first-child,
div.btns.rounded a>img:first-child {
    border-radius: 16px;
}

 :root {
    --bubble-text-color: #e9a218;
    --bubble-text-hover-color: #2c7fe7;
    --bubble-text-shadow: rgba(35, 35, 35, 0.5);
}

[data-theme="dark"] {
    --bubble-text-color: #f2b94b;
    --bubble-text-hover-color: #2c7fe7;
    --bubble-text-shadow: rgba(35, 35, 35, 0.5);
}

.bubble-content {
    display: inline-block;
    color: var(--bubble-text-color);
    font-weight: 700;
    transition: all 0.2s ease-in-out 0s;
    text-shadow: var(--bubble-text-shadow);
}

.bubble-content:hover {
    transition: all 0.2s ease-in-out 0s;
    color: var(--bubble-text-hover-color);
}

.bubble-content:hover+.bubble-notation .bubble-item {
    transform: translate(-40px, 10px) rotateX(0deg);
    transition: all 0.5s ease-in-out 0s;
    opacity: 1;
    filter: none;
}

.bubble-notation {
    display: inline-block;
}

.bubble-item {
    transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    color: rgb(255, 255, 255);
    z-index: 99;
    display: flex;
    position: absolute;
    transform: translate(-40px, 10px) rotateX(90deg);
    width: auto;
    height: auto;
    max-width: 400px;
    overflow: hidden;
    padding: 20px 10px 10px;
    clip-path: polygon(5px 10px, 20px 10px, 30px 0px, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0px calc(100% - 5px), 0px 15px, 5px 10px);
}

#article-container .btn-center {
    margin: 0px 0px 20px;
    text-align: center;
}

#article-container .btn-beautify {
    display: inline-block;
    margin: 0px 4px 6px;
    padding: 0px 15px;
    background-color: var(--btn-beautify-color, #777);
    color: rgb(255, 255, 255);
    line-height: 2;
}

#article-container .btn-beautify.blue {
    --btn-beautify-color: #428bca;
}

#article-container .btn-beautify.pink {
    --btn-beautify-color: #ff69b4;
}

#article-container .btn-beautify.red {
    --btn-beautify-color: #f00;
}

#article-container .btn-beautify.purple {
    --btn-beautify-color: #6f42c1;
}

#article-container .btn-beautify.orange {
    --btn-beautify-color: #ff8c00;
}

#article-container .btn-beautify.green {
    --btn-beautify-color: #5cb85c;
}

#article-container .btn-beautify:hover {
    background-color: var(--btn-hover-color);
}

#article-container .btn-beautify i+span {
    margin-left: 6px;
}

#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block) {
    margin: 0px 4px 20px;
}

#article-container .btn-beautify.block {
    display: block;
    margin: 0px 0px 20px;
    width: fit-content;
}

#article-container .btn-beautify.block.center {
    margin: 0px auto 20px;
}

#article-container .btn-beautify.block.right {
    margin: 0px 0px 20px auto;
}

#article-container .btn-beautify.larger {
    padding: 6px 15px;
}

#article-container .btn-beautify:hover {
    text-decoration: none;
}

#article-container .btn-beautify.outline {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--btn-beautify-color, #777);
    background-color: transparent;
    color: var(--btn-beautify-color, #777);
}

#article-container .btn-beautify.outline:hover {
    background-color: var(--btn-beautify-color, #777);
}

#article-container .btn-beautify.outline:hover {
    color: rgb(255, 255, 255) !important;
}

.carousel {
    touch-action: none;
    overflow: hidden;
    display: flex;
    background: 0px 0px;
    height: fit-content;
    min-height: 600px;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.drag-container,
.spin-container {
    position: relative;
    display: flex;
    margin: auto;
    transform-style: preserve-3d;
    transform: rotateX(-10deg);
}

.drag-container img,
.drag-container video {
    transform-style: preserve-3d;
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: cover;
    height: 100%;
    width: 100%;
    line-height: 200px;
    font-size: 50px;
    text-align: center;
    box-shadow: rgb(255, 255, 255) 0px 0px 8px;
    -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.333));
}

.drag-container .img-alt.is-center {
    display: none;
}

.drag-container br {
    display: none;
}

.drag-container p {
    font-family: serif;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(90deg);
    color: rgb(255, 255, 255);
}

.drag-container img:hover,
.drag-container video:hover {
    box-shadow: rgba(255, 255, 255, 0.867) 0px 0px 15px;
    -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.467));
}

.carousel-ground {
    width: 900px;
    height: 900px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(90deg);
    background: -webkit-radial-gradient(center center, ellipse farthest-side, rgba(153, 153, 153, 0.2), transparent);
}

img.medium-zoom-image.entered.loaded.medium-zoom-image--opened {
    width: auto !important;
}

@-webkit-keyframes spin {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes spinRevert {
    0% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes spinRevert {
    0% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes spinRevert {
    0% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

.checkbox {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.checkbox input {
    appearance: none;
    position: relative;
    height: 16px;
    width: 16px;
    transition: all 0.15s ease-out 0s;
    cursor: pointer;
    display: inline-block;
    outline: 0px;
    border-radius: 2px;
    flex-shrink: 0;
    margin-right: 8px;
    border: 2px solid rgb(33, 150, 243);
    pointer-events: none;
}

.checkbox input[type="checkbox"]::before {
    left: 1px;
    top: 5px;
    width: 0px;
    height: 2px;
    transition: all 0.2s ease-in 0s;
    transform: rotate(45deg);
}

.checkbox input[type="checkbox"]::after {
    right: 7px;
    bottom: 3px;
    width: 2px;
    height: 0px;
    transition: all 0.2s ease-out 0.25s;
    transform: rotate(40deg);
}

.checkbox input[type="checkbox"]:checked {
    background: rgb(33, 150, 243);
}

.checkbox input[type="checkbox"]:checked::before {
    left: 0px;
    top: 7px;
    width: 6px;
    height: 2px;
}

.checkbox input[type="checkbox"]:checked::after {
    right: 3px;
    bottom: 1px;
    width: 2px;
    height: 10px;
}

.checkbox.minus input[type="checkbox"]::before {
    transform: rotate(0deg);
    left: 1px;
    top: 5px;
    width: 0px;
    height: 2px;
}

.checkbox.minus input[type="checkbox"]::after {
    transform: rotate(0deg);
    left: 1px;
    top: 5px;
    width: 0px;
    height: 2px;
}

.checkbox.minus input[type="checkbox"]:checked::before {
    left: 1px;
    top: 5px;
    width: 10px;
    height: 2px;
}

.checkbox.minus input[type="checkbox"]:checked::after {
    left: 1px;
    top: 5px;
    width: 10px;
    height: 2px;
}

.checkbox.plus input[type="checkbox"]::before {
    transform: rotate(0deg);
    left: 1px;
    top: 5px;
    width: 0px;
    height: 2px;
}

.checkbox.plus input[type="checkbox"]::after {
    transform: rotate(0deg);
    left: 5px;
    top: 1px;
    width: 2px;
    height: 0px;
}

.checkbox.plus input[type="checkbox"]:checked::before {
    left: 1px;
    top: 5px;
    width: 10px;
    height: 2px;
}

.checkbox.plus input[type="checkbox"]:checked::after {
    left: 5px;
    top: 1px;
    width: 2px;
    height: 10px;
}

.checkbox.times input[type="checkbox"]::before {
    transform: rotate(45deg);
    left: 3px;
    top: 1px;
    width: 0px;
    height: 2px;
}

.checkbox.times input[type="checkbox"]::after {
    transform: rotate(135deg);
    right: 3px;
    top: 1px;
    width: 0px;
    height: 2px;
}

.checkbox.times input[type="checkbox"]:checked::before {
    left: 1px;
    top: 5px;
    width: 10px;
    height: 2px;
}

.checkbox.times input[type="checkbox"]:checked::after {
    right: 1px;
    top: 5px;
    width: 10px;
    height: 2px;
}

.checkbox input[type="radio"] {
    border-radius: 50%;
}

.checkbox input[type="radio"]::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 2px;
    transform: scale(0);
    transition: all 0.25s ease-out 0s;
}

.checkbox input[type="radio"]:checked::before {
    transform: scale(1);
    background: var(--text-bg-hover);
}

.checkbox.red input {
    border-color: rgb(254, 95, 88);
}

.checkbox.red input[type="checkbox"]:checked {
    background: rgb(254, 95, 88);
}

.checkbox.red input[type="radio"]:checked::before {
    background: rgb(254, 95, 88);
}

.checkbox.green input {
    border-color: rgb(61, 197, 80);
}

.checkbox.green input[type="checkbox"]:checked {
    background: rgb(61, 197, 80);
}

.checkbox.green input[type="radio"]:checked::before {
    background: rgb(61, 197, 80);
}

.checkbox.yellow input {
    border-color: rgb(255, 189, 43);
}

.checkbox.yellow input[type="checkbox"]:checked {
    background: rgb(255, 189, 43);
}

.checkbox.yellow input[type="radio"]:checked::before {
    background: rgb(255, 189, 43);
}

.checkbox.cyan input {
    border-color: rgb(27, 205, 252);
}

.checkbox.cyan input[type="checkbox"]:checked {
    background: rgb(27, 205, 252);
}

.checkbox.cyan input[type="radio"]:checked::before {
    background: rgb(27, 205, 252);
}

.checkbox.blue input {
    border-color: rgb(33, 150, 243);
}

.checkbox.blue input[type="checkbox"]:checked {
    background: rgb(33, 150, 243);
}

.checkbox.blue input[type="radio"]:checked::before {
    background: rgb(33, 150, 243);
}

.checkbox p {
    display: inline-block;
    margin-top: 2px !important;
    margin-bottom: 0px !important;
}

.checkbox input[type="checkbox"]::after,
.checkbox input[type="checkbox"]::before {
    position: absolute;
    content: "";
    background: rgb(255, 255, 255);
}

[data-theme="dark"] .checkbox {
    filter: brightness(0.7);
}

details.folding-tag {
    display: block;
    padding: 16px;
    margin: 1em 0px;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    font-size: var(--global-font-size);
    transition: all 0.28s ease 0s;
    border: 1px solid rgb(246, 246, 246);
}

details.folding-tag summary {
    cursor: pointer;
    padding: 16px;
    margin: -16px;
    border-radius: 4px;
    color: rgba(68, 68, 68, 0.7);
    font-weight: 700;
    position: relative;
    line-height: normal;
    font-size: 0.875rem !important;
}

details.folding-tag summary>h1,
details.folding-tag summary>h2,
details.folding-tag summary>h3,
details.folding-tag summary>h4,
details.folding-tag summary>h5,
details.folding-tag summary>h6,
details.folding-tag summary>p {
    display: inline;
    border-bottom: none !important;
}

details.folding-tag summary:hover {
    color: rgb(68, 68, 68);
}

details.folding-tag summary:hover::after {
    position: absolute;
    content: "+";
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

details.folding-tag>summary {
    background: rgb(246, 246, 246);
}

details.folding-tag[purple] {
    border-color: rgb(250, 231, 253);
}

details.folding-tag[purple]>summary {
    background: rgb(250, 231, 253);
}

details.folding-tag[blue] {
    border-color: rgb(232, 244, 253);
}

details.folding-tag[blue]>summary {
    background: rgb(232, 244, 253);
}

details.folding-tag[cyan] {
    border-color: rgb(232, 250, 254);
}

details.folding-tag[cyan]>summary {
    background: rgb(232, 250, 254);
}

details.folding-tag[green] {
    border-color: rgb(235, 249, 237);
}

details.folding-tag[green]>summary {
    background: rgb(235, 249, 237);
}

details.folding-tag[yellow] {
    border-color: rgb(255, 248, 233);
}

details.folding-tag[yellow]>summary {
    background: rgb(255, 248, 233);
}

details.folding-tag[orange] {
    border-color: rgb(253, 241, 231);
}

details.folding-tag[orange]>summary {
    background: rgb(253, 241, 231);
}

details.folding-tag[red] {
    border-color: rgb(254, 239, 238);
}

details.folding-tag[red]>summary {
    background: rgb(254, 239, 238);
}

details.folding-tag[open] {
    border-color: rgba(68, 68, 68, 0.2);
}

details.folding-tag[open]>summary {
    border-bottom: 1px solid rgba(68, 68, 68, 0.2);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

details.folding-tag[open][purple] {
    border-color: rgba(208, 23, 238, 0.3);
}

details.folding-tag[open][purple]>summary {
    border-bottom-color: rgba(208, 23, 238, 0.3);
}

details.folding-tag[open][blue] {
    border-color: rgba(33, 150, 243, 0.3);
}

details.folding-tag[open][blue]>summary {
    border-bottom-color: rgba(33, 150, 243, 0.3);
}

details.folding-tag[open][cyan] {
    border-color: rgba(27, 205, 252, 0.3);
}

details.folding-tag[open][cyan]>summary {
    border-bottom-color: rgba(27, 205, 252, 0.3);
}

details.folding-tag[open][green] {
    border-color: rgba(61, 197, 80, 0.3);
}

details.folding-tag[open][green]>summary {
    border-bottom-color: rgba(61, 197, 80, 0.3);
}

details.folding-tag[open][yellow] {
    border-color: rgba(255, 189, 43, 0.3);
}

details.folding-tag[open][yellow]>summary {
    border-bottom-color: rgba(255, 189, 43, 0.3);
}

details.folding-tag[open][orange] {
    border-color: rgba(236, 118, 22, 0.3);
}

details.folding-tag[open][orange]>summary {
    border-bottom-color: rgba(236, 118, 22, 0.3);
}

details.folding-tag[open][red] {
    border-color: rgba(254, 95, 88, 0.3);
}

details.folding-tag[open][red]>summary {
    border-bottom-color: rgba(254, 95, 88, 0.3);
}

details.folding-tag[open]>summary {
    color: rgb(68, 68, 68);
    margin-bottom: 0px;
}

details.folding-tag[open]>summary:hover::after {
    content: "-";
}

details.folding-tag[open]>div.content {
    padding: 16px;
    margin: 0px -16px -16px;
    background: rgb(46, 51, 51);
}

details.folding-tag[open]>div.content p>a:hover {
    text-decoration: underline;
}

details.folding-tag[open]>div.content>.highlight:first-child,
details.folding-tag[open]>div.content>.note:first-child,
details.folding-tag[open]>div.content>.tabs:first-child,
details.folding-tag[open]>div.content>details:first-child,
details.folding-tag[open]>div.content>ol:first-child,
details.folding-tag[open]>div.content>p:first-child,
details.folding-tag[open]>div.content>ul:first-child {
    margin-top: 0px;
}

details.folding-tag[open]>div.content>.highlight:last-child,
details.folding-tag[open]>div.content>.note:last-child,
details.folding-tag[open]>div.content>.tabs:last-child,
details.folding-tag[open]>div.content>details:last-child,
details.folding-tag[open]>div.content>ol:last-child,
details.folding-tag[open]>div.content>p:last-child,
details.folding-tag[open]>div.content>ul:last-child {
    margin-bottom: 0px;
}

[data-theme="dark"] details[open]>div.content {
    padding: 16px;
    margin: 0px -16px -16px;
    background: rgb(44, 45, 45);
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] details>summary {
    filter: brightness(0.7);
}

#article-container figure.gallery-group {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 6px 4px;
    width: calc(50% - 8px);
    height: 250px;
    border-radius: 8px;
    background: rgb(0, 0, 0);
    transform: translate3d(0px, 0px, 0px);
}

@media screen and (max-width: 600px) {
    #article-container figure.gallery-group {
        width: calc(100% - 8px);
    }
}

#article-container figure.gallery-group:hover img {
    opacity: 0.4;
    transform: translate3d(0px, 0px, 0px);
}

#article-container figure.gallery-group:hover .gallery-group-name::after {
    transform: translate3d(0px, 0px, 0px);
}

#article-container figure.gallery-group:hover p {
    opacity: 1;
    filter: none;
    transform: translate3d(0px, 0px, 0px);
}

#article-container figure.gallery-group img {
    position: relative;
    margin: 0px;
    max-width: none;
    width: calc(100% + 20px);
    height: 250px;
    backface-visibility: hidden;
    opacity: 0.8;
    transition: all 0.3s ease 0s, filter 375ms ease-in 0.2s;
    transform: translate3d(-10px, 0px, 0px);
    object-fit: cover;
}

#article-container figure.gallery-group figcaption {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 30px;
    width: 100%;
    height: 100%;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    backface-visibility: hidden;
}

#article-container figure.gallery-group figcaption>a {
    position: absolute;
    inset: 0px;
    z-index: 1000;
    opacity: 0;
}

#article-container figure.gallery-group p {
    margin: 0px;
    padding: 8px 0px 0px;
    letter-spacing: 1px;
    font-size: 1.1em;
    line-height: 1.5;
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: translate3d(100%, 0px, 0px);
    -webkit-line-clamp: 4;
}

#article-container figure.gallery-group .gallery-group-name {
    position: relative;
    margin: 0px;
    padding: 8px 0px;
    font-weight: 700;
    font-size: 1.65em;
    line-height: 1.5;
    -webkit-line-clamp: 2;
}

#article-container figure.gallery-group .gallery-group-name::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: rgb(255, 255, 255);
    content: "";
    transition: transform 0.35s ease 0s;
    transform: translate3d(-100%, 0px, 0px);
}

#article-container .gallery-group-main {
    overflow: auto;
    padding: 0px 0px 16px;
}

#article-container .fj-gallery {
    margin: 0px 0px 16px;
    opacity: 0;
}

#article-container .fj-gallery .img-alt {
    display: none;
}

a.ghcard {
    display: inline-block;
    line-height: 0;
}

.md .ghcard-group {
    column-count: 2;
    column-gap: 0px;
    margin: 0px -8px;
}

.md .ghcard-group .ghcard {
    margin: 8px;
}

blockquote.pullquote {
    position: relative;
    max-width: 45%;
    font-size: 110%;
}

blockquote.pullquote.left {
    float: left;
    margin: 1em 0.5em 0px 0px;
}

blockquote.pullquote.right {
    float: right;
    margin: 1em 0px 0px 0.5em;
}

.video-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    padding-top: 56.25%;
    height: 0px;
}

.video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}

.hide-block>.hide-button,
.hide-inline>.hide-button {
    display: inline-block;
    padding: 5px 18px;
    background: rgb(242, 86, 59);
    color: var(--white);
}

.hide-block>.hide-button:hover,
.hide-inline>.hide-button:hover {
    background-color: var(--btn-hover-color);
}

.hide-block>.hide-button.open,
.hide-inline>.hide-button.open {
    display: none;
}

.hide-block>.hide-button.open+div,
.hide-inline>.hide-button.open+div {
    display: block;
}

.hide-block>.hide-button.open+span,
.hide-inline>.hide-button.open+span {
    display: inline;
}

.hide-block>.hide-content,
.hide-inline>.hide-content {
    display: none;
}

.hide-inline>.hide-button {
    margin: 0px 6px;
}

.hide-inline>.hide-content {
    margin: 0px 6px;
}

.hide-block {
    margin: 0px 0px 16px;
}

.toggle {
    margin-bottom: 20px;
    border: 1px solid rgb(240, 240, 240);
}

.toggle>.toggle-button {
    padding: 6px 15px;
    background: rgb(240, 240, 240);
    color: rgb(31, 45, 61);
    cursor: pointer;
}

.toggle>.toggle-content {
    margin: 30px 24px;
}

.md .img {
    object-fit: contain;
}

img.inline {
    vertical-align: middle;
    transform: translateY(-4px);
    display: inline !important;
}

p .img-alt {
    display: inline-block;
    width: 100%;
}

del,
s {
    color: rgb(142, 142, 142);
    text-decoration-color: rgb(142, 142, 142);
}

u {
    color: rgb(68, 68, 68);
    text-decoration: none;
    border-bottom: 1px solid rgb(254, 95, 88);
}

emp {
    color: rgb(68, 68, 68);
    border-bottom: 4px dotted rgb(254, 95, 88);
}

wavy {
    color: rgb(68, 68, 68);
    text-decoration-style: wavy;
    text-decoration-line: underline;
    text-decoration-color: rgb(254, 95, 88);
}

psw {
    color: transparent;
    background: rgb(161, 161, 161);
    border-radius: 2px;
    transition: all 0.28s ease 0s;
}

psw:hover {
    color: rgb(68, 68, 68);
    background: 0px 0px;
}

kbd {
    display: inline-block;
    color: rgb(102, 102, 102);
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    padding: 2px 5px;
    margin: 0px 5px;
    background: rgb(239, 240, 242);
    border-radius: 4px;
    border-top: 1px solid rgb(245, 245, 245);
    box-shadow: rgb(232, 232, 232) 0px 0px 20px inset, rgb(195, 195, 195) 0px 1px 0px, rgb(201, 201, 201) 0px 1px 0px, rgb(51, 51, 51) 0px 1px 2px;
    text-shadow: rgb(245, 245, 245) 0px 1px 0px;
}

#article-container .inline-img {
    display: inline;
    margin: 0px 3px;
    height: 1.1em;
    vertical-align: text-bottom;
}

.hl-label {
    padding: 2px 4px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
}

.hl-label.default {
    background-color: rgb(119, 119, 119);
}

.hl-label.blue {
    background-color: rgb(66, 139, 202);
}

.hl-label.pink {
    background-color: rgb(255, 105, 180);
}

.hl-label.red {
    background-color: red;
}

.hl-label.purple {
    background-color: rgb(111, 66, 193);
}

.hl-label.orange {
    background-color: rgb(255, 140, 0);
}

.hl-label.green {
    background-color: rgb(92, 184, 92);
}

#article-container .tag.link {
    text-align: center;
}

#article-container a.link-card {
    margin: 0.25rem auto;
    background: rgb(246, 246, 246);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    min-width: 200px;
    max-width: 361px;
    color: rgb(68, 68, 68);
    border-radius: 12px;
    text-decoration: none;
}

#article-container a.link-card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;
}

#article-container a.link-card div.left {
    width: 48px;
    height: 48px;
    margin: 12px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

#article-container a.link-card div.left i {
    font-size: 32px;
    line-height: 48px;
    margin-left: 4px;
}

#article-container a.link-card div.left img {
    display: block;
    position: absolute;
    border-radius: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#article-container a.link-card div.right {
    overflow: hidden;
    margin-right: 12px;
}

#article-container a.link-card p {
    margin: 0px;
}

#article-container a.link-card p.text {
    font-weight: 700;
}

#article-container a.link-card p.url {
    flex-shrink: 0;
    color: rgba(68, 68, 68, 0.65);
    font-size: 13px;
}

@media screen and (max-width: 425px) {
    #article-container a.link-card {
        max-width: 100%;
    }
}

@media screen and (max-width: 375px) {
    #article-container a.link-card {
        width: 100%;
    }
}

#article-container a.link-card div.left,
#article-container a.link-card div.right {
    pointer-events: none;
}

[data-theme="dark"] #article-container a.link-card {
    filter: brightness(0.7);
}

[data-theme="dark"] #article-container a.link-card img {
    filter: brightness(1);
}

audio,
video {
    border-radius: 4px;
    max-width: 100%;
}

video {
    z-index: 1;
    transition: all 0.28s ease 0s;
}

video:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px 0px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px;
}

div.video {
    line-height: 0;
    text-align: center;
}

div.videos {
    max-width: calc(100% + 8px);
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end;
    margin: 1em -4px;
}

div.videos .video,
div.videos iframe {
    width: 100%;
    margin: 4px;
}

div.videos iframe {
    border-radius: 4px;
    width: 100%;
    min-height: 300px;
}

div.videos.left {
    -webkit-box-pack: start;
    justify-content: flex-start;
}

div.videos.center {
    -webkit-box-pack: center;
    justify-content: center;
}

div.videos.right {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

div.videos.stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}

div.videos[col="1"] .video,
div.videos[col="1"] iframe {
    width: 100%;
}

div.videos[col="2"] .video,
div.videos[col="2"] iframe {
    width: calc(50% - 8px);
}

div.videos[col="3"] .video,
div.videos[col="3"] iframe {
    width: calc(33.33% - 8px);
}

div.videos[col="4"] .video,
div.videos[col="4"] iframe {
    width: calc(25% - 8px);
}

[data-theme="dark"] audio,
[data-theme="dark"] video {
    filter: brightness(0.7);
}

 :root {
    --msgbox-border-color: #888;
    --msgbox-border-background: #fff;
    --msgbox-chat-background: rgba(255, 255, 255, 0.7);
    --msgbox-name-color: #888;
    --guest-font-color: #000;
    --guest-background-color: #cbcbcb;
    --admin-font-color: #fff;
    --admin-background-color: #12b7f5;
}

[data-theme="dark"] {
    --msgbox-border-color: #fff;
    --msgbox-border-background: #000;
    --msgbox-chat-background: rgba(22, 22, 22, 0.5);
    --msgbox-name-color: #888;
    --guest-font-color: #e3e8e9;
    --guest-background-color: #303646;
    --admin-font-color: #fff;
    --admin-background-color: #0eb6f5;
}

.msgbox {
    display: flex;
    -webkit-box-orient: vertical;
    flex-flow: column nowrap;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

.msgbox .mag-box-title {
    color: var(--msgbox-border-color);
    width: 100%;
    height: 50px;
    background: var(--msgbox-border-background);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.msgbox .mag-box-input-main {
    width: 100%;
    height: 50px;
    color: var(--msgbox-border-color);
    background: var(--msgbox-border-background);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.msgbox .mag-box-input-main input.mag-box-input {
    border-radius: 15px;
    height: 30px;
    width: calc(100% - 90px);
    padding: 0px 20px;
}

.msgbox .mag-box-input-main input.mag-box-input:focus-visible {
    outline: 0px;
}

.msgbox .mag-box-input-main i.fa-solid {
    width: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.msgbox .msgbox-chat-content {
    padding: 20px;
    box-shadow: 0 0 0.5px var(--msgbox-border-color) inset;
    max-height: 50vh;
    overflow-y: scroll;
    background: var(--msgbox-chat-background);
}

.msgbox .msgbox-chat-content::-webkit-scrollbar {
    width: 0px;
}

.msgbox .msgbox-chat-content .msg-main {
    width: 100%;
    height: auto;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
    margin: 0px 0px 25px;
}

.msgbox .msgbox-chat-content .msg-main .msg-avatar-box {
    width: 30px;
    min-width: 30px;
}

.msgbox .msgbox-chat-content .msg-main .msg-avatar-box img.msg-avatar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: relative;
}

.msgbox .msgbox-chat-content .msg-main .msg-avatar-box .img-alt {
    display: none;
}

.msgbox .msgbox-chat-content .msg-main .msg-content {
    width: 90%;
    display: flex;
    -webkit-box-orient: vertical;
    flex-flow: column nowrap;
}

.msgbox .msgbox-chat-content .msg-main .msg-content .msg-name {
    font-size: 12px;
    color: var(--msgbox-name-color);
    line-height: 1em;
    height: 1.5em;
}

.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text {
    border-radius: 8px;
    width: auto;
    max-width: calc(100% - 30px);
    padding: 5px 5px 0px 20px;
    clip-path: polygon(0px 15px, 10px 16px, 10px 5px, 15px 0px, 100% 0px, 100% 100%, 15px 100%, 10px calc(100% - 5px), 10px 25px);
}

.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text>p {
    margin: 0px !important;
}

.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text>p img {
    border-radius: 6px;
}

.msgbox .msgbox-chat-content .msg-main.msgguest .msg-avatar-box img.msg-avatar {
    top: 0px;
    right: 0px;
}

.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content {
    -webkit-box-align: start;
    align-items: flex-start;
}

.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content .msg-name {
    margin-left: 15px;
}

.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content .msg-content-text {
    background: var(--guest-background-color);
    color: var(--guest-font-color);
}

.msgbox .msgbox-chat-content .msg-main.msgadmin {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse;
}

.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-avatar-box img.msg-avatar {
    top: 0px;
    left: 0px;
}

.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content {
    -webkit-box-align: end;
    align-items: flex-end;
}

.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-name {
    margin-right: 15px;
}

.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-content-text {
    background: var(--admin-background-color);
    color: var(--admin-font-color);
    padding: 5px 20px 0px 5px;
    clip-path: polygon(100% 15px, calc(100% - 10px) 16px, calc(100% - 10px) 5px, calc(100% - 15px) 0px, 0px 0px, 0px 100%, calc(100% - 15px) 100%, calc(100% - 10px) calc(100% - 5px), calc(100% - 10px) 25px);
    max-width: calc(100% - 30px);
}

@media screen and (max-width: 496px) {
    .msgbox .msgbox-chat-content .msg-main.msgadmin {
        -webkit-box-orient: horizontal;
        flex-direction: row;
    }
    .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-avatar-box img.msg-avatar {
        top: 0px;
        right: 0px;
    }
    .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content {
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-name {
        margin-left: 15px;
    }
    .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-content-text {
        padding: 5px 5px 0px 20px;
        clip-path: polygon(0px 15px, 10px 16px, 10px 5px, 15px 0px, 100% 0px, 100% 100%, 15px 100%, 10px calc(100% - 5px), 10px 25px);
        max-width: calc(100% - 30px);
    }
}

.note {
    position: relative;
    margin: 0px 0px 20px;
    padding: 15px;
    border-radius: 3px;
}

.note.icon-padding {
    padding-left: 3em;
}

.note>.note-icon {
    position: absolute;
    top: calc(50% - 0.5em);
    left: 0.8em;
    font-size: larger;
}

.note.blue:not(.disabled) {
    border-left-color: rgb(66, 139, 202) !important;
}

.note.blue:not(.disabled).modern {
    color: rgb(66, 139, 202);
    border-left-color: transparent !important;
}

.note.blue:not(.disabled):not(.simple) {
    background: rgb(227, 238, 247) !important;
}

.note.blue>.note-icon {
    color: rgb(66, 139, 202);
}

.note.pink:not(.disabled) {
    border-left-color: rgb(255, 105, 180) !important;
}

.note.pink:not(.disabled).modern {
    color: rgb(255, 105, 180);
    border-left-color: transparent !important;
}

.note.pink:not(.disabled):not(.simple) {
    background: rgb(255, 233, 244) !important;
}

.note.pink>.note-icon {
    color: rgb(255, 105, 180);
}

.note.red:not(.disabled) {
    border-left-color: red !important;
}

.note.red:not(.disabled).modern {
    color: red;
    border-left-color: transparent !important;
}

.note.red:not(.disabled):not(.simple) {
    background: rgb(255, 217, 217) !important;
}

.note.red>.note-icon {
    color: red;
}

.note.purple:not(.disabled) {
    border-left-color: rgb(111, 66, 193) !important;
}

.note.purple:not(.disabled).modern {
    color: rgb(111, 66, 193);
    border-left-color: transparent !important;
}

.note.purple:not(.disabled):not(.simple) {
    background: rgb(233, 227, 246) !important;
}

.note.purple>.note-icon {
    color: rgb(111, 66, 193);
}

.note.orange:not(.disabled) {
    border-left-color: rgb(255, 140, 0) !important;
}

.note.orange:not(.disabled).modern {
    color: rgb(255, 140, 0);
    border-left-color: transparent !important;
}

.note.orange:not(.disabled):not(.simple) {
    background: rgb(255, 238, 217) !important;
}

.note.orange>.note-icon {
    color: rgb(255, 140, 0);
}

.note.green:not(.disabled) {
    border-left-color: rgb(92, 184, 92) !important;
}

.note.green:not(.disabled).modern {
    color: rgb(92, 184, 92);
    border-left-color: transparent !important;
}

.note.green:not(.disabled):not(.simple) {
    background: rgb(231, 244, 231) !important;
}

.note.green>.note-icon {
    color: rgb(92, 184, 92);
}

.note.simple {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
}

.note.modern {
    background-color: rgb(245, 245, 245);
    color: rgb(76, 73, 72);
    border: 1px solid transparent !important;
}

.note.flat {
    border-top: initial;
    border-right: initial;
    border-bottom: initial;
    border-image: initial;
    border-left: 5px solid rgb(238, 238, 238);
    background-color: rgb(249, 249, 249);
    color: rgb(76, 73, 72);
}

.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
    margin-top: 3px;
    margin-bottom: 0px;
    border-bottom: initial;
    padding-top: 0px !important;
}

.note blockquote:first-child,
.note img:first-child,
.note ol:first-child,
.note p:first-child,
.note pre:first-child,
.note table:first-child,
.note ul:first-child {
    margin-top: 0px !important;
}

.note blockquote:last-child,
.note img:last-child,
.note ol:last-child,
.note p:last-child,
.note pre:last-child,
.note table:last-child,
.note ul:last-child {
    margin-bottom: 0px !important;
}

.note:not(.no-icon) {
    padding-left: 3em;
}

.note:not(.no-icon)::before {
    position: absolute;
    top: calc(50% - 0.95em);
    left: 0.8em;
    font-size: larger;
}

.note.default.flat {
    background: rgb(247, 247, 247);
}

.note.default.modern {
    border-color: rgb(225, 225, 225);
    background: rgb(243, 243, 243);
    color: rgb(102, 102, 102);
}

.note.default.modern a:not(.btn) {
    color: rgb(102, 102, 102);
}

.note.default.modern a:not(.btn):hover {
    color: rgb(69, 69, 69);
}

.note.default:not(.modern) {
    border-left-color: rgb(119, 119, 119);
}

.note.default:not(.modern) h2,
.note.default:not(.modern) h3,
.note.default:not(.modern) h4,
.note.default:not(.modern) h5,
.note.default:not(.modern) h6 {
    color: rgb(119, 119, 119);
}

.note.default:not(.no-icon)::before {
    content: "";
}

.note.default:not(.no-icon):not(.modern)::before {
    color: rgb(119, 119, 119);
}

.note.primary.flat {
    background: rgb(245, 240, 250);
}

.note.primary.modern {
    border-color: rgb(225, 194, 255);
    background: rgb(243, 218, 255);
    color: rgb(111, 66, 193);
}

.note.primary.modern a:not(.btn) {
    color: rgb(111, 66, 193);
}

.note.primary.modern a:not(.btn):hover {
    color: rgb(69, 50, 152);
}

.note.primary:not(.modern) {
    border-left-color: rgb(111, 66, 193);
}

.note.primary:not(.modern) h2,
.note.primary:not(.modern) h3,
.note.primary:not(.modern) h4,
.note.primary:not(.modern) h5,
.note.primary:not(.modern) h6 {
    color: rgb(111, 66, 193);
}

.note.primary:not(.no-icon)::before {
    content: "";
}

.note.primary:not(.no-icon):not(.modern)::before {
    color: rgb(111, 66, 193);
}

.note.info.flat {
    background: rgb(238, 247, 250);
}

.note.info.modern {
    border-color: rgb(179, 229, 239);
    background: rgb(217, 237, 247);
    color: rgb(49, 112, 143);
}

.note.info.modern a:not(.btn) {
    color: rgb(49, 112, 143);
}

.note.info.modern a:not(.btn):hover {
    color: rgb(33, 87, 97);
}

.note.info:not(.modern) {
    border-left-color: rgb(66, 139, 202);
}

.note.info:not(.modern) h2,
.note.info:not(.modern) h3,
.note.info:not(.modern) h4,
.note.info:not(.modern) h5,
.note.info:not(.modern) h6 {
    color: rgb(66, 139, 202);
}

.note.info:not(.no-icon)::before {
    content: "";
}

.note.info:not(.no-icon):not(.modern)::before {
    color: rgb(66, 139, 202);
}

.note.success.flat {
    background: rgb(239, 248, 240);
}

.note.success.modern {
    border-color: rgb(208, 230, 190);
    background: rgb(223, 240, 216);
    color: rgb(60, 118, 61);
}

.note.success.modern a:not(.btn) {
    color: rgb(60, 118, 61);
}

.note.success.modern a:not(.btn):hover {
    color: rgb(50, 86, 44);
}

.note.success:not(.modern) {
    border-left-color: rgb(92, 184, 92);
}

.note.success:not(.modern) h2,
.note.success:not(.modern) h3,
.note.success:not(.modern) h4,
.note.success:not(.modern) h5,
.note.success:not(.modern) h6 {
    color: rgb(92, 184, 92);
}

.note.success:not(.no-icon)::before {
    content: "";
}

.note.success:not(.no-icon):not(.modern)::before {
    color: rgb(92, 184, 92);
}

.note.warning.flat {
    background: rgb(253, 248, 234);
}

.note.warning.modern {
    border-color: rgb(250, 228, 205);
    background: rgb(252, 244, 227);
    color: rgb(138, 109, 59);
}

.note.warning.modern a:not(.btn) {
    color: rgb(138, 109, 59);
}

.note.warning.modern a:not(.btn):hover {
    color: rgb(113, 79, 48);
}

.note.warning:not(.modern) {
    border-left-color: rgb(240, 173, 78);
}

.note.warning:not(.modern) h2,
.note.warning:not(.modern) h3,
.note.warning:not(.modern) h4,
.note.warning:not(.modern) h5,
.note.warning:not(.modern) h6 {
    color: rgb(240, 173, 78);
}

.note.warning:not(.no-icon)::before {
    content: "";
}

.note.warning:not(.no-icon):not(.modern)::before {
    color: rgb(240, 173, 78);
}

.note.danger.flat {
    background: rgb(252, 241, 242);
}

.note.danger.modern {
    border-color: rgb(235, 205, 210);
    background: rgb(242, 223, 223);
    color: rgb(169, 68, 66);
}

.note.danger.modern a:not(.btn) {
    color: rgb(169, 68, 66);
}

.note.danger.modern a:not(.btn):hover {
    color: rgb(132, 51, 63);
}

.note.danger:not(.modern) {
    border-left-color: rgb(217, 83, 79);
}

.note.danger:not(.modern) h2,
.note.danger:not(.modern) h3,
.note.danger:not(.modern) h4,
.note.danger:not(.modern) h5,
.note.danger:not(.modern) h6 {
    color: rgb(217, 83, 79);
}

.note.danger:not(.no-icon)::before {
    content: "";
}

.note.danger:not(.no-icon):not(.modern)::before {
    color: rgb(217, 83, 79);
}

@media (min-width: 1200px) {
    .poem {
        margin: 0px auto;
        height: auto;
        writing-mode: tb-rl;
    }
    .poem p {
        text-decoration: underline dashed rgba(193, 11, 11, 0.72);
    }
}

.poem p {
    font-size: 25px;
    text-align: center;
    font-family: KaiTi, sans-serif !important;
}

.poem-title {
    font-size: 2.5em;
    text-align: center;
    font-family: KaiTi, sans-serif !important;
}

.poem-author {
    font-size: 16px;
    color: rgb(66, 66, 66);
    text-align: center !important;
    font-family: KaiTi, sans-serif !important;
}

.progress {
    display: flex;
    font-size: var(--global-font-size);
    background-color: rgba(88, 88, 88, 0.6);
    border-radius: 0.25rem;
    margin: 1rem 0px;
    height: 2rem;
    overflow: hidden;
}

.progress p {
    margin: 0px 0px 0px 10px !important;
}

.progress .progress-bar-animated {
    animation: 1s linear 0s infinite normal none running progress-bar-stripes;
    background-color: rgb(167, 181, 253) !important;
}

.progress .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress .progress-bar {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: visible;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    background-color: rgb(13, 110, 253);
    transition: width 0.6s ease 0s;
}

@media (prefers-reduced-motion: reduce) {
    .progress .progress-bar {
        transition: none 0s ease 0s;
    }
}

.progress .bg-green {
    background-color: rgb(40, 167, 69) !important;
}

.progress .bg-yellow {
    background-color: rgb(255, 193, 7) !important;
}

.progress .bg-red {
    background-color: rgb(220, 53, 69) !important;
}

.progress .bg-cyan {
    background-color: rgb(23, 162, 184) !important;
}

.progress .bg-blue {
    background-color: rgb(13, 110, 253) !important;
}

.progress .bg-gray {
    background-color: rgb(127, 131, 138) !important;
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

 :root {
    --referto-text-color: #e9a218;
    --referto-text-hover-color: #2c7fe7;
    --referto-literature-background-color: #318efd;
    --referto-title-background-color: #183153;
    --referto-content-text-color: #f1f1ef;
    --referfrom-text-shadow: rgba(35, 35, 35, 0.5);
    --referfrom-text-color: #f1f1ef;
    --referfrom-text-hover-color: #f2b94b;
    --referfrom-link-color: #403e3b;
    --referfrom-link-hover-color: #235dac;
    --referfrom-background-color: #f1f1ef;
    --reference-anchor-color: #183153;
    --reference-anchor-up-color: #318efd;
}

[data-theme="dark"] {
    --referto-text-color: #f2b94b;
    --referto-text-hover-color: #2c7fe7;
    --referto-literature-background-color: #5c6167;
    --referto-title-background-color: #090a0b;
    --referto-content-text-color: #f1f1ef;
    --referfrom-text-shadow: rgba(35, 35, 35, 0.5);
    --referfrom-text-color: #f1f1ef;
    --referfrom-text-hover-color: #f2b94b;
    --referfrom-link-color: #f1f1ef;
    --referfrom-link-hover-color: #f2b94b;
    --referfrom-background-color: rgba(92, 97, 103, 0.68);
    --reference-anchor-color: #090a0b;
    --reference-anchor-up-color: #183153;
}

.hidden-anchor {
    position: relative;
    top: -150px;
    display: inline-block;
    height: 0px;
    overflow: hidden;
}

.reference a {
    display: inline-block;
    font-weight: 700;
    transition: all 0.2s ease-in-out 0s;
    color: var(--referto-text-color) !important;
}

.reference:hover a {
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none !important;
    color: var(--referto-text-hover-color) !important;
}

.reference:hover+.reference-bubble .reference-item {
    transform: translate(-40px, 10px) rotateX(0deg);
    transition: all 0.5s ease-in-out 0s;
    opacity: 1;
    filter: none;
}

.reference-bubble {
    display: inline-block;
}

.reference-item {
    transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    z-index: 99;
    display: flex;
    position: absolute;
    transform: translate(-40px, 10px) rotateX(90deg);
    width: auto;
    height: auto;
    clip-path: polygon(5px 10px, 20px 10px, 30px 0px, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0px calc(100% - 5px), 0px 15px, 5px 10px);
}

.reference-literature {
    max-width: 200px;
    padding: 20px 10px 10px;
    background: var(--referto-literature-background-color);
    overflow-wrap: break-word;
    word-break: break-all;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--referto-content-text-color) !important;
}

.reference-title {
    padding: 20px 10px 10px;
    background: var(--referto-title-background-color);
    writing-mode: vertical-lr;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--referto-content-text-color) !important;
}

.reference-source {
    font-size: 16px;
    height: auto;
    line-height: 26px;
    width: fit-content;
    margin: 5px 0px;
    max-width: 90%;
    background: var(--referfrom-background-color);
    box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
    border-radius: 8px;
    padding-right: 10px;
}

.reference-source pangu {
    display: none;
}

a.reference-anchor {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: var(--reference-anchor-color);
    height: 30px;
    display: inline-block;
    width: fit-content;
    padding: 0px 0px 0px 10px;
    color: var(--referfrom-text-color) !important;
}

a.reference-anchor:hover {
    color: var(--referfrom-text-hover-color) !important;
    text-decoration: none !important;
}

a.reference-anchor:hover .reference-anchor-up {
    color: var(--referfrom-text-hover-color) !important;
}

a.reference-link {
    padding: 0px 10px;
    color: var(--referfrom-link-color) !important;
}

a.reference-link:hover {
    color: var(--referfrom-link-hover-color) !important;
    text-decoration: none !important;
}

.reference-anchor-up {
    height: 30px;
    width: 40px;
    padding: 0px 0px 0px 10px;
    background: var(--reference-anchor-up-color);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    clip-path: polygon(0px 0px, 10px 50%, 0px 100%, 100% 100%, 100% 0px);
    color: var(--referfrom-text-color) !important;
    display: inline-flex !important;
}

.site-card-group {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: -8px;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.site-card {
    margin: 8px;
    width: calc(25% - 16px);
    display: block;
    line-height: 1.4;
    height: 100%;
}

@media screen and (min-width: 2048px) {
    .site-card {
        width: calc(20% - 16px);
    }
}

@media screen and (max-width: 768px) {
    .site-card {
        width: calc(33.3333% - 16px);
    }
}

@media screen and (max-width: 500px) {
    .site-card {
        width: calc(50% - 16px);
    }
}

.site-card .img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
    background: rgb(246, 246, 246);
}

@media screen and (max-width: 500px) {
    .site-card .img {
        height: 100px;
    }
}

.site-card .img img {
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: transform 2s ease 0s;
    object-fit: cover;
}

.site-card .info {
    margin-top: 8px;
}

.site-card .info img {
    width: 32px;
    height: 32px;
    pointer-events: none;
    border-radius: 16px;
    float: left;
    margin-right: 8px;
    margin-top: 2px;
}

.site-card .info span {
    display: block;
}

.site-card .info .title {
    font-weight: 600;
    font-size: var(--global-font-size);
    color: rgb(68, 68, 68);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    transition: all 0.28s ease 0s;
}

.site-card .info .desc {
    font-size: var(--global-font-size);
    overflow-wrap: break-word;
    line-height: 1.2;
    color: rgb(136, 136, 136);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.site-card .img {
    transition: all 0.28s ease 0s;
}

.site-card:hover .img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;
}

.site-card:hover .info .title {
    color: rgb(255, 87, 34);
}

p.p.subtitle {
    font-weight: 700;
    color: rgb(68, 178, 153);
    padding-top: 1.5rem;
    font-size: 1.25rem !important;
}

p.p.subtitle:first-child {
    padding-top: 1rem;
}

p.p.left,
span.p.left {
    display: block;
    text-align: left;
}

p.p.center,
span.p.center {
    display: block;
    text-align: center;
}

p.p.right,
span.p.right {
    display: block;
    text-align: right;
}

p.p.small,
span.p.small {
    font-size: var(--global-font-size);
}

p.p.large,
span.p.large {
    font-size: 2.5rem;
    line-height: 1.4;
}

p.p.huge,
span.p.huge {
    font-size: 4rem;
    line-height: 1.4;
}

p.p.ultra,
span.p.ultra {
    font-size: 6rem;
    line-height: 1.4;
}

p.p.huge,
p.p.large,
p.p.small,
p.p.ultra,
span.p.huge,
span.p.large,
span.p.small,
span.p.ultra {
    margin: 0px;
    padding: 0px;
}

p.p.bold,
span.p.bold {
    font-weight: 700;
}

p.p.h1,
p.p.h2,
span.p.h1,
span.p.h2 {
    padding-bottom: 0.2rem;
    font-weight: 500;
}

p.p.h1,
span.p.h1 {
    font-size: 1.625rem;
    color: var(--color-h1);
    padding-top: 2em;
}

p.p.h2,
span.p.h2 {
    font-size: 1.625rem;
    color: var(--color-h2);
    padding-top: 2em;
    border-bottom: 1px solid rgba(68, 68, 68, 0.1);
}

p.p.h3,
span.p.h3 {
    font-size: 1.375rem;
    color: var(--color-h3);
    padding-top: 2em;
}

p.p.h4,
span.p.h4 {
    font-size: 1.125rem;
    color: var(--color-h4);
    padding-top: 2em;
}

p.p.h5,
span.p.h5 {
    font-size: 1rem;
    color: var(--color-h5);
    padding-top: 1.5em;
}

p.p.red,
span.p.red {
    color: rgb(232, 69, 60);
}

p.p.yellow,
span.p.yellow {
    color: rgb(252, 236, 96);
}

p.p.green,
span.p.green {
    color: rgb(61, 197, 80);
}

p.p.cyan,
span.p.cyan {
    color: rgb(27, 205, 252);
}

p.p.blue,
span.p.blue {
    color: rgb(33, 150, 243);
}

p.p.purple,
span.p.purple {
    color: rgb(156, 39, 176);
}

p.p.gray,
span.p.gray {
    color: rgb(153, 153, 153);
}

#article-container .tabs {
    position: relative;
    margin: 0px 0px 20px;
    border-right: 1px solid var(--tab-border-color);
    border-bottom: 1px solid var(--tab-border-color);
    border-left: 1px solid var(--tab-border-color);
}

#article-container .tabs>.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    background: var(--tab-botton-bg);
}

#article-container .tabs>.nav-tabs>.tab {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

@media screen and (max-width: 768px) {
    #article-container .tabs>.nav-tabs>.tab {
        -webkit-box-flex: 1;
        flex-grow: 1;
    }
}

#article-container .tabs>.nav-tabs>.tab button {
    display: block;
    padding: 8px 18px;
    width: 100%;
    border-top: 2px solid var(--tab-border-color);
    background: var(--tab-botton-bg);
    color: var(--tab-botton-color);
    line-height: 2;
    transition: all 0.4s ease 0s;
}

#article-container .tabs>.nav-tabs>.tab button i {
    width: 1.5em;
}

#article-container .tabs>.nav-tabs>.tab.active button {
    border-top: 2px solid rgb(242, 86, 59);
    background: var(--tab-button-active-bg);
    cursor: default;
}

#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover {
    border-top: 2px solid var(--tab-button-hover-bg);
    background: var(--tab-button-hover-bg);
}

#article-container .tabs>.tab-contents .tab-item-content {
    position: relative;
    display: none;
    padding: 36px 24px;
}

@media screen and (max-width: 768px) {
    #article-container .tabs>.tab-contents .tab-item-content {
        padding: 24px 14px;
    }
}

#article-container .tabs>.tab-contents .tab-item-content.active {
    display: block;
    animation: 0.5s ease 0s 1 normal none running tabshow;
}

#article-container .tabs .tab-to-top {
    position: relative;
    display: block;
    margin: 0px 0px 0px auto;
    color: rgb(153, 169, 191);
}

@-webkit-keyframes tabshow {
    0% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes tabshow {
    0% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0px);
    }
}

#article-container .timeline {
    margin: 0px 0px 20px 10px;
    padding: 14px 20px 5px;
    border-left: 2px solid var(--timeline-color, #f2563b);
}

#article-container .timeline.blue {
    --timeline-color: #428bca;
    --timeline-bg: rgba(66, 139, 202, 0.2);
}

#article-container .timeline.pink {
    --timeline-color: #ff69b4;
    --timeline-bg: rgba(255, 105, 180, 0.2);
}

#article-container .timeline.red {
    --timeline-color: #f00;
    --timeline-bg: rgba(255, 0, 0, 0.2);
}

#article-container .timeline.purple {
    --timeline-color: #6f42c1;
    --timeline-bg: rgba(111, 66, 193, 0.2);
}

#article-container .timeline.orange {
    --timeline-color: #ff8c00;
    --timeline-bg: rgba(255, 140, 0, 0.2);
}

#article-container .timeline.green {
    --timeline-color: #5cb85c;
    --timeline-bg: rgba(92, 184, 92, 0.2);
}

#article-container .timeline .timeline-item {
    margin: 0px 0px 15px;
}

#article-container .timeline .timeline-item:hover .item-circle::before {
    border-color: var(--timeline-color, #f2563b);
}

#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle>p {
    font-weight: 600;
    font-size: 1.2em;
}

#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle::before {
    left: -28px;
    border: 4px solid var(--timeline-color, #f2563b);
}

#article-container .timeline .timeline-item.headline:hover .item-circle::before {
    border-color: var(--pseudo-hover);
}

#article-container .timeline .timeline-item .timeline-item-title {
    position: relative;
}

#article-container .timeline .timeline-item .item-circle::before {
    position: absolute;
    top: 50%;
    left: -27px;
    width: 6px;
    height: 6px;
    border: 3px solid var(--pseudo-hover);
    border-radius: 50%;
    background: var(--card-bg);
    content: "";
    transition: all 0.3s ease 0s;
    transform: translate(0px, -50%);
}

#article-container .timeline .timeline-item .item-circle>p {
    margin: 0px 0px 8px;
    font-weight: 500;
}

#article-container .timeline .timeline-item .timeline-item-content {
    position: relative;
    padding: 12px 15px;
    border-radius: 8px;
    background: var(--timeline-bg, #470e05);
    font-size: 0.93em;
    color: rgb(255, 255, 255);
}

#article-container .timeline .timeline-item .timeline-item-content> :last-child {
    margin-bottom: 0px;
}

#article-container .timeline+.timeline {
    margin-top: -20px;
}

.tip {
    position: relative;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
    background: linear-gradient(90deg, rgb(65, 54, 60), rgb(73, 70, 72));
    padding: 6px 20px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 50, 0.5) 0px 3px 5px;
}

.tip p {
    padding: 0.5rem 0px;
    margin: 0px !important;
}

.tip::before {
    background: linear-gradient(0deg, rgb(65, 54, 60), rgb(73, 70, 72));
    text-shadow: rgb(65, 54, 60) 0px -1px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 12px;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24.5px;
    left: -12px;
    top: -12px;
    box-shadow: rgb(247, 248, 249) 0px 0px 0px 2.5px;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    text-align: center;
}

.tip ol {
    margin: 0px;
}

.tip.info {
    background: linear-gradient(90deg, rgb(32, 160, 255), rgb(32, 184, 255));
    padding: 6px 20px;
    border-radius: 10px;
    box-shadow: rgba(32, 160, 255, 0.5) 0px 3px 5px;
}

.tip.info::before {
    background: linear-gradient(0deg, rgb(0, 146, 255), rgb(32, 184, 255));
    content: "";
    text-shadow: rgb(32, 160, 255) 0px -1px;
}

.tip.success {
    background: linear-gradient(90deg, rgb(97, 190, 51), rgb(143, 206, 68));
    text-shadow: rgb(97, 190, 51) 0px -1px;
    box-shadow: rgba(104, 195, 59, 0.5) 0px 3px 5px;
}

.tip.success::before {
    background: linear-gradient(0deg, rgb(82, 187, 29), rgb(149, 211, 75));
    content: "";
    text-shadow: rgb(97, 190, 51) 0px -1px;
}

.tip.warning {
    background: linear-gradient(90deg, rgb(255, 149, 63), rgb(255, 180, 73));
    text-shadow: rgb(255, 149, 63) 0px -1px;
    box-shadow: rgba(255, 154, 73, 0.5) 0px 3px 5px;
}

.tip.warning::before {
    background: linear-gradient(0deg, rgb(255, 143, 53), rgb(255, 193, 73));
    content: "";
    text-shadow: rgb(255, 149, 63) 0px -1px;
}

.tip.error {
    background: linear-gradient(90deg, rgb(255, 73, 73), rgb(255, 120, 73));
    text-shadow: rgb(255, 73, 73) 0px -1px;
    box-shadow: rgba(255, 73, 73, 0.5) 0px 3px 5px;
}

.tip.error::before {
    background: linear-gradient(0deg, rgb(255, 56, 56), rgb(255, 120, 73));
    content: "";
    text-shadow: rgb(255, 73, 73) 0px -1px;
}

.tip.bolt {
    background: linear-gradient(530deg, rgb(120, 202, 51), rgb(37, 130, 44));
    content: "";
    text-shadow: rgb(76, 247, 6) 0px -1px;
}

.tip.bolt::before {
    background: linear-gradient(776deg, rgb(120, 202, 51), rgb(37, 130, 44));
    content: "";
    text-shadow: rgb(76, 247, 6) 0px -1px;
}

.tip.ban {
    background: linear-gradient(90deg, rgb(255, 73, 73), rgb(240, 59, 73));
    text-shadow: rgb(255, 73, 73) 0px -1px;
    box-shadow: rgba(255, 73, 73, 0.5) 0px 3px 5px;
}

.tip.ban::before {
    background: linear-gradient(0deg, rgb(255, 56, 56), rgb(255, 16, 34));
    content: "";
    text-shadow: rgb(255, 73, 73) 0px -1px;
}

.tip.home {
    background: linear-gradient(90deg, rgb(14, 192, 239), rgb(128, 224, 247));
    text-shadow: rgb(14, 192, 239) 0px -1px;
    box-shadow: rgb(1, 202, 255) 0px 3px 5px;
}

.tip.home::before {
    background: linear-gradient(0deg, rgb(14, 192, 238), rgb(14, 192, 234));
    content: "";
    text-shadow: rgb(14, 192, 234) 0px -1px;
}

.tip.sync {
    background: linear-gradient(230deg, rgb(71, 192, 224), rgb(45, 195, 66));
    text-shadow: rgb(27, 205, 252) 0px -1px;
    box-shadow: rgb(32, 177, 173) 0px 3px 5px;
}

.tip.sync::before {
    background: linear-gradient(270deg, rgb(64, 192, 226), rgb(61, 197, 80));
    content: "";
    text-shadow: rgb(23, 207, 255) 0px -1px;
}

.tip.cogs {
    background: linear-gradient(230deg, rgb(64, 192, 226), rgb(82, 71, 226));
    text-shadow: rgb(130, 120, 253) 0px -1px;
    box-shadow: rgb(64, 55, 167) 0px 3px 5px;
}

.tip.cogs::before {
    background: linear-gradient(560deg, rgb(64, 192, 226), rgb(82, 70, 226));
    content: "";
    text-shadow: rgb(9, 140, 245) 0px -1px;
}

.tip.key {
    background: linear-gradient(230deg, rgb(144, 164, 174), rgb(183, 167, 167));
    text-shadow: rgb(193, 192, 212) 0px -1px;
    box-shadow: rgb(211, 210, 222) 0px 3px 5px;
}

.tip.key::before {
    background: linear-gradient(560deg, rgb(188, 205, 210), rgb(207, 206, 212));
    content: "";
    text-shadow: rgb(169, 178, 185) 0px -1px;
}

.tip.bell {
    background: linear-gradient(230deg, rgb(255, 170, 13), rgb(222, 180, 85));
    text-shadow: rgb(193, 192, 212) 0px -1px;
    box-shadow: rgb(211, 210, 222) 0px 3px 5px;
}

.tip.bell::before {
    background: linear-gradient(560deg, rgb(249, 174, 7), rgb(255, 182, 21));
    content: "";
    text-shadow: rgb(255, 184, 27) 0px -1px;
}

[data-theme="dark"] .tip {
    filter: brightness(0.7);
}

#article-container .tip a {
    color: rgb(230, 234, 237);
}

p.typing {
    font: bold 200% Consolas, Monaco, monospace;
    border-right: 0.1em solid;
    width: 26ch;
    margin: 2em 1em;
    white-space: nowrap;
    overflow: hidden;
    animation: 3s steps(26) 0s 1 normal none running typing, 0.3s step-end 0s infinite alternate none running cursor-blink;
}

@-webkit-keyframes typing {
    0% {
        width: 0px;
    }
}

@keyframes typing {
    0% {
        width: 0px;
    }
}

@-webkit-keyframes cursor-blink {
    50% {
        border-color: transparent;
    }
}

@keyframes cursor-blink {
    50% {
        border-color: transparent;
    }
}

[data-theme="dark"] {
    --global-bg: #0d0d0d;
    --font-color: rgba(255, 255, 255, 0.7);
    --hr-border: rgba(255, 255, 255, 0.4);
    --hr-before-color: rgba(255, 255, 255, 0.7);
    --search-bg: #121212;
    --search-input-color: rgba(255, 255, 255, 0.7);
    --search-result-title: rgba(255, 255, 255, 0.9);
    --preloader-bg: #0d0d0d;
    --preloader-color: rgba(255, 255, 255, 0.7);
    --tab-border-color: #2c2c2c;
    --tab-botton-bg: #2c2c2c;
    --tab-botton-color: rgba(255, 255, 255, 0.7);
    --tab-button-hover-bg: #383838;
    --tab-button-active-bg: #121212;
    --card-bg: #121212;
    --sidebar-bg: #121212;
    --btn-hover-color: #787878;
    --btn-color: rgba(255, 255, 255, 0.7);
    --btn-bg: #1f1f1f;
    --text-bg-hover: #383838;
    --light-grey: rgba(255, 255, 255, 0.7);
    --dark-grey: rgba(255, 255, 255, 0.2);
    --white: rgba(255, 255, 255, 0.9);
    --text-highlight-color: rgba(255, 255, 255, 0.9);
    --blockquote-color: rgba(255, 255, 255, 0.7);
    --blockquote-bg: #2c2c2c;
    --reward-pop: #2c2c2c;
    --toc-link-color: rgba(255, 255, 255, 0.6);
    --hl-color: rgba(255, 255, 255, 0.7);
    --hl-bg: #171717;
    --hltools-bg: #1a1a1a;
    --hltools-color: #90a4ae;
    --hlnumber-bg: #171717;
    --hlnumber-color: rgba(255, 255, 255, 0.4);
    --hlscrollbar-bg: #1f1f1f;
    --hlexpand-bg: linear-gradient(180deg, rgba(23, 23, 23, 0.6), rgba(23, 23, 23, 0.9));
    --scrollbar-color: #1f1f1f;
    --timeline-bg: #1f1f1f;
}

[data-theme="dark"] #article-container code {
    background: rgb(44, 44, 44);
}

[data-theme="dark"] #article-container pre>code {
    background: rgb(23, 23, 23);
}

[data-theme="dark"] #article-container figure.highlight {
    box-shadow: none;
}

[data-theme="dark"] #article-container .note code {
    background: rgba(30, 30, 30, 0.05);
}

[data-theme="dark"] #article-container .aplayer {
    filter: brightness(0.8);
}

[data-theme="dark"] #page-header.nav-fixed>#nav,
[data-theme="dark"] #page-header.not-top-img>#nav {
    background: rgba(18, 18, 18, 0.8);
    box-shadow: rgba(133, 133, 133, 0) 0px 5px 6px -5px;
}

[data-theme="dark"] #post-comment #comment-switch {
    background: rgb(44, 44, 44) !important;
}

[data-theme="dark"] #post-comment #comment-switch .switch-btn {
    filter: brightness(0.8);
}

[data-theme="dark"] .note {
    filter: brightness(0.8);
}

[data-theme="dark"] #article-container iframe,
[data-theme="dark"] .ads-wrap,
[data-theme="dark"] .btn-beautify,
[data-theme="dark"] .error-img,
[data-theme="dark"] .gist,
[data-theme="dark"] .hide-button,
[data-theme="dark"] .hl-label,
[data-theme="dark"] .post-outdate-notice {
    filter: brightness(0.8);
}

[data-theme="dark"] img {
    filter: blur(0px) brightness(0.8);
}

[data-theme="dark"] #aside-content .aside-list>.aside-list-item:not(:last-child) {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] #gitalk-container {
    filter: brightness(0.8);
}

[data-theme="dark"] #gitalk-container svg {
    fill: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] #disqusjs #dsqjs .dsqjs-no-comment,
[data-theme="dark"] #disqusjs #dsqjs .dsqjs-tab-active,
[data-theme="dark"] #disqusjs #dsqjs:focus,
[data-theme="dark"] #disqusjs #dsqjs:hover {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] #disqusjs #dsqjs .dsqjs-order-label {
    background-color: rgb(31, 31, 31);
}

[data-theme="dark"] #disqusjs #dsqjs .dsqjs-post-body {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] #disqusjs #dsqjs .dsqjs-post-body code,
[data-theme="dark"] #disqusjs #dsqjs .dsqjs-post-body pre {
    background: rgb(44, 44, 44);
}

[data-theme="dark"] #disqusjs #dsqjs .dsqjs-post-body blockquote {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] #artitalk_main #lazy {
    background: rgb(18, 18, 18);
}

[data-theme="dark"] #operare_artitalk .c2 {
    background: rgb(18, 18, 18);
}

@media screen and (max-width: 900px) {
    [data-theme="dark"] #card-toc {
        background: rgb(31, 31, 31);
    }
}

.read-mode {
    --font-color: #4c4948;
    --readmode-light-color: #fff;
    --white: #4c4948;
    --light-grey: #4c4948;
    --gray: #d6dbdf;
    --hr-border: #d6dbdf;
    --hr-before-color: #b9c2c9;
    --highlight-bg: #f7f7f7;
    --exit-btn-bg: #c0c0c0;
    --exit-btn-color: #fff;
    --exit-btn-hover: #8d8d8d;
    --pseudo-hover: none;
}

[data-theme="dark"] .read-mode {
    --font-color: rgba(255, 255, 255, 0.7);
    --readmode-light-color: #0d0d0d;
    --white: rgba(255, 255, 255, 0.9);
    --light-grey: rgba(255, 255, 255, 0.7);
    --gray: rgba(255, 255, 255, 0.7);
    --hr-border: rgba(255, 255, 255, 0.5);
    --hr-before-color: rgba(255, 255, 255, 0.7);
    --highlight-bg: #171717;
    --exit-btn-bg: #1f1f1f;
    --exit-btn-color: rgba(255, 255, 255, 0.9);
    --exit-btn-hover: #525252;
}

.read-mode {
    background: var(--readmode-light-color);
}

.read-mode .exit-readmode {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--exit-btn-bg);
    color: var(--exit-btn-color);
    font-size: 16px;
    transition: background 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
    .read-mode .exit-readmode {
        top: initial;
        bottom: 30px;
    }
}

.read-mode .exit-readmode:hover {
    background: var(--exit-btn-hover);
}

.read-mode #aside-content {
    display: none;
}

.read-mode #page-header.post-bg {
    background-color: transparent;
    background-image: none !important;
}

.read-mode #page-header.post-bg::before {
    opacity: 0;
}

.read-mode #page-header.post-bg>#post-info {
    text-align: center;
}

.read-mode #post {
    margin: 0px auto;
    background: 0px 0px;
    box-shadow: none;
}

.read-mode #post:hover {
    box-shadow: none;
}

.read-mode>canvas {
    display: none !important;
}

.read-mode #footer,
.read-mode #nav,
.read-mode #post> :not(#post-info):not(.post-content),
.read-mode #rightside,
.read-mode #web-bg,
.read-mode .highlight-tools,
.read-mode .not-top-img,
.read-mode .post-outdate-notice {
    display: none !important;
}

.read-mode #article-container a {
    color: rgb(153, 169, 191);
}

.read-mode #article-container .highlight:not(.js-file-line-container),
.read-mode #article-container pre {
    background: var(--highlight-bg) !important;
}

.read-mode #article-container .highlight:not(.js-file-line-container) *,
.read-mode #article-container pre * {
    color: var(--font-color) !important;
}

.read-mode #article-container figure.highlight {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.read-mode #article-container figure.highlight> :not(.highlight-tools) {
    display: block !important;
}

.read-mode #article-container figure.highlight .line::before {
    color: var(--font-color) !important;
}

.read-mode #article-container figure.highlight .hljs {}

.read-mode #article-container h1,
.read-mode #article-container h2,
.read-mode #article-container h3,
.read-mode #article-container h4,
.read-mode #article-container h5,
.read-mode #article-container h6 {
    padding: 0px;
}

.read-mode #article-container h1::before,
.read-mode #article-container h2::before,
.read-mode #article-container h3::before,
.read-mode #article-container h4::before,
.read-mode #article-container h5::before,
.read-mode #article-container h6::before {
    content: "";
}

.read-mode #article-container h1:hover,
.read-mode #article-container h2:hover,
.read-mode #article-container h3:hover,
.read-mode #article-container h4:hover,
.read-mode #article-container h5:hover,
.read-mode #article-container h6:hover {
    padding: 0px;
}

.read-mode #article-container li:hover::before,
.read-mode #article-container ol:hover::before,
.read-mode #article-container ul:hover::before {
    transform: none !important;
}

.read-mode #article-container li::before,
.read-mode #article-container ol::before {
    background: 0px 0px !important;
    color: var(--font-color) !important;
}

.read-mode #article-container ul>li::before {
    border-color: var(--gray) !important;
}

.read-mode #article-container .tabs {
    border: 2px solid var(--tab-border-color);
}

.read-mode #article-container .tabs>.nav-tabs {
    background: 0px 0px;
}

.read-mode #article-container .tabs>.nav-tabs>.tab {
    border-bottom: 0px;
}

.read-mode #article-container .tabs>.nav-tabs>.tab button {
    background: 0px 0px;
    border-top: none !important;
}

.read-mode #article-container .tabs>.nav-tabs>.tab button:hover {
    background: 0px 0px !important;
}

.read-mode #article-container .tabs>.nav-tabs>.tab.active button {
    text-decoration: underline;
}

.read-mode #article-container .tabs>.tab-contents .tab-item-content.active {
    animation: 0s ease 0s 1 normal none running none;
}

.read-mode #article-container code {
    color: var(--font-color);
}

.read-mode #article-container blockquote {
    border-color: var(--gray);
    background-color: var(--readmode-light-color);
}

.read-mode #article-container kbd {
    border: 1px solid var(--gray);
    background-color: transparent;
    box-shadow: none;
    color: var(--font-color);
}

.read-mode #article-container .hide-toggle {
    border: 1px solid var(--gray) !important;
}

.read-mode #article-container .btn-beautify,
.read-mode #article-container .hide-button,
.read-mode #article-container .hl-label {
    border: 1px solid var(--gray) !important;
    background: var(--readmode-light-color) !important;
    color: var(--font-color) !important;
}

.read-mode #article-container .note {
    border-top-color: ;
    border-top-style: ;
    border-top-width: ;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    filter: none;
    color: var(--font-color);
    border-left-color: var(--gray) !important;
    background-color: var(--readmode-light-color) !important;
}

.read-mode #article-container .note .note-icon,
.read-mode #article-container .note::before {
    color: var(--font-color);
}

.search-dialog {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1001;
    display: none;
    margin-left: -300px;
    padding: 20px;
    width: 600px;
    border-radius: 8px;
    background: var(--search-bg);
}

@media screen and (max-width: 768px) {
    .search-dialog {
        top: 0px;
        left: 0px;
        margin: 0px;
        width: 100%;
        height: 100%;
        border-radius: 0px;
    }
}

.search-dialog hr {
    margin: 20px auto;
}

.search-dialog .search-nav {
    margin: 0px 0px 14px;
    color: rgb(242, 86, 59);
    font-size: 1.4em;
    line-height: 1;
}

.search-dialog .search-nav .search-dialog-title {
    margin-right: 10px;
}

.search-dialog .search-nav .search-close-button {
    float: right;
    color: rgb(133, 133, 133);
    transition: color 0.2s ease-in-out 0s;
}

.search-dialog .search-nav .search-close-button:hover {
    color: rgb(242, 86, 59);
}

#search-mask {
    position: fixed;
    inset: 0px;
    z-index: 1000;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#algolia-search hr {
    display: none;
}

#algolia-search .search-nav {
    height: 40px;
    margin: 0px;
}

#algolia-search .search-dialog {
    background: var(--ark-container-background);
    color: rgb(255, 255, 255);
    backdrop-filter: blur(3px);
    transform: translateZ(0px);
}

@media screen and (max-width: 768px) {
    #algolia-search .search-dialog {
        border: none;
        border-radius: 0px;
    }
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form {
    height: 35px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form input {
    padding: 0px 14px;
    height: 100%;
    width: calc(100% - 50px);
    outline: 0px;
    border-width: 2px 0px 2px 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(242, 86, 59);
    border-bottom-color: rgb(242, 86, 59);
    border-left-color: rgb(242, 86, 59);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-radius: 40px 0px 0px 40px;
    background: 0px 0px;
    color: var(--search-input-color);
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form input::-webkit-search-cancel-button {
    appearance: none;
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 50px;
    border-width: 2px 2px 2px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(242, 86, 59);
    border-right-color: rgb(242, 86, 59);
    border-bottom-color: rgb(242, 86, 59);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-radius: 0px 40px 40px 0px;
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit svg {
    width: 50%;
    height: 50%;
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit svg path {
    fill: var(--search-input-color);
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit:hover svg path {
    fill: rgb(73, 177, 245);
}

#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form span.ais-SearchBox-loadingIndicator {
    position: absolute;
    left: 50%;
    top: 93px;
    transform: translate(-50%);
}

#algolia-search .search-dialog .ais-Hits-list {
    margin: 0px;
    padding: 0px;
}

#algolia-search .search-dialog .ais-Hits-list a {
    color: var(--search-result-title);
    font-weight: 700;
}

#algolia-search .search-dialog .ais-Hits-list a:hover {
    color: rgb(242, 86, 59);
}

#algolia-search .search-dialog .ais-Hits-list mark {
    background: 0px 0px;
    color: rgb(244, 116, 102);
    font-weight: 700;
}

#algolia-search .search-dialog .algolia-hit-item-content {
    margin: 0px 0px 5px;
    word-break: break-all;
}

#algolia-search .search-dialog .ais-Pagination {
    margin: 10px 0px;
    height: 35px;
    padding: 0px;
    text-align: center;
}

#algolia-search .search-dialog .ais-Pagination .ais-Pagination-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item {
    display: inline;
    margin: 0px 4px;
    padding: 0px;
}

#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--selected a {
    background: rgb(73, 177, 245);
    color: rgb(238, 238, 238);
    cursor: default;
    border-radius: 5px;
}

#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--disabled {
    visibility: hidden;
}

#algolia-search .search-dialog .algolia-logo {
    padding-top: 2px;
    width: 80px;
    height: 30px;
}

#algolia-search .search-dialog #algolia-hits>div {
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
    #algolia-search .search-dialog #algolia-hits>div {
        max-height: calc(80vh - 240px);
    }
}

@media screen and (max-width: 768px) {
    #algolia-search .search-dialog #algolia-hits>div {
        max-height: calc(100vh - 260px);
    }
}

#algolia-search .search-dialog #algolia-info {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 30px;
}

#algolia-search .search-dialog #algolia-info .algolia-stats {
    font-size: 14px;
}

#algolia-search .search-dialog #algolia-info .algolia-poweredBy .ais-PoweredBy a {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:first-child {
    display: none;
}

#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:nth-child(2),
#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:nth-child(4) {
    fill: rgb(73, 177, 245);
}

@media screen and (max-width: 768px) {
    .apple #algolia-search #algolia-hits>div {
        height: calc(90vh - 260px);
    }
}

@media screen and (max-width: 450px) {
    .business-center {
        display: none !important;
    }
}

.business-center {
    position: relative;
    margin: 20px auto;
    display: block;
    left: calc(50% - 200px);
}

.business-card {
    width: 400px;
    height: 250px;
}

.business-flip {
    width: inherit;
    height: inherit;
    transition: all 0.7s ease 0s;
    transform-style: preserve-3d;
    animation: 2.5s ease 0s 1 normal none running business-flip;
}

.business-back,
.business-front {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 15px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px 1px;
    backface-visibility: hidden;
    background-image: linear-gradient(to right, rgb(17, 17, 17), rgb(85, 85, 85));
    overflow: hidden;
}

.business-front {
    transform: translateZ(0px);
}

.business-strip-bottom,
.business-strip-top {
    position: absolute;
    right: 0px;
    height: inherit;
    background-image: linear-gradient(rgb(255, 103, 103), rgb(255, 69, 69));
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}

.business-strip-bottom {
    width: 200px;
    transform: skewX(-15deg) translateX(50px);
}

.business-strip-top {
    width: 180px;
    transform: skewX(20deg) translateX(50px);
}

.business-logo {
    position: absolute;
    top: 30px;
    right: 25px;
}

.business-Invitation {
    position: relative;
    top: 20px;
    left: 25px;
    text-transform: uppercase;
}

.business-chip {
    position: relative;
    top: 30px;
    left: 25px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    background-image: linear-gradient(to left bottom, rgb(255, 236, 199), rgb(208, 185, 120));
    overflow: hidden;
}

.business-chip .business-chip-line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgb(51, 51, 51);
}

.business-chip .business-chip-line:nth-child(1) {
    top: 13px;
}

.business-chip .business-chip-line:nth-child(2) {
    top: 20px;
}

.business-chip .business-chip-line:nth-child(3) {
    top: 28px;
}

.business-chip .business-chip-line:nth-child(4) {
    left: 25px;
    width: 1px;
    height: 50px;
}

.business-chip .business-chip-main {
    width: 20px;
    height: 25px;
    border: 1px solid rgb(51, 51, 51);
    border-radius: 3px;
    background-image: linear-gradient(to left bottom, rgb(239, 219, 171), rgb(225, 203, 148));
    z-index: 1;
}

.business-wave {
    position: relative;
    top: -10px;
    left: 100px;
}

.business-card-number {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 25px;
    font-size: 23px;
    font-family: "cc font", monospace;
}

.business-end {
    margin-left: 25px;
    text-transform: uppercase;
    font-family: "cc font", monospace;
}

.business-end .business-end-text {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.8);
}

.business-card-holder {
    margin: 5px 25px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "cc font", monospace;
}

.business-master {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
}

.business-master .business-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.business-master .business-master-red {
    background-color: rgb(235, 0, 27);
}

.business-master .business-master-yellow {
    margin-left: -10px;
    background-color: rgba(255, 209, 0, 0.7);
}

.business-card {
    perspective: 1000px;
}

.business-card:hover .business-flip {
    transform: rotateY(180deg);
}

.business-back {
    transform: rotateY(180deg) translateZ(0px);
    background: rgb(158, 158, 158);
}

.business-back .business-strip-black {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: rgb(0, 0, 0);
}

.business-back .business-ccv {
    position: absolute;
    top: 110px;
    left: 0px;
    right: 0px;
    height: 36px;
    width: 90%;
    padding: 10px;
    margin: 0px auto;
    border-radius: 5px;
    text-align: right;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
}

.business-back .business-ccv label {
    display: block;
    margin: -30px 0px 5px;
    font-size: 10px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

.business-back .business-ccv div {
    position: relative;
    top: -5px;
}

.business-back .business-terms {
    position: absolute;
    top: 130px;
    padding: 20px;
    font-size: 10px;
    text-align: justify;
}

@font-face {
    font-family: "cc font";
    src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@-webkit-keyframes business-flip {
    0%,
    100% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
    }
}

@keyframes business-flip {
    0%,
    100% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
    }
}

 :root {
    --card-friend-class-desc-bgcolor: #111;
    --card-friend-name-color: #fff;
    --card-friend-item-hover: #222;
    --card-friend-descr-color: #797979;
}

[data-theme="dark"] {
    --card-friend-class-desc-bgcolor: #111;
    --card-friend-name-color: #fff;
    --card-friend-item-hover: #222;
    --card-friend-descr-color: #797979;
}

#aside-content .card-widget.card-friend-link {
    padding: 20px 0px;
}

.card-widget.card-friend-link .card-friend-link-container {
    max-height: 460px;
    overflow: scroll;
}

.card-widget.card-friend-link .card-friend-link-container::-webkit-scrollbar {
    display: none;
}

.card-widget.card-friend-link summary.card-friend-class-desc {
    padding: 0px 15px;
    color: var(--card-friend-name-color);
}

.card-widget.card-friend-link details.card-friend-class-name[open] summary.card-friend-class-desc {
    position: sticky;
    top: 0px;
    background: var(--card-friend-class-desc-bgcolor);
    z-index: 1;
}

.card-widget.card-friend-link a.card-friend-item {
    padding: 0px 15px;
    height: 60px;
    width: auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
}

.card-widget.card-friend-link a.card-friend-item:hover {
    background-color: var(--card-friend-item-hover);
}

.card-widget.card-friend-link img.card-friend-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 10px;
}

.card-widget.card-friend-link .offline-friend-link img.card-friend-avatar {
    filter: grayscale(100%);
}

.card-widget.card-friend-link .card-friend-details {
    width: auto;
    height: 60px;
    display: flex;
    flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
}

.card-widget.card-friend-link .card-friend-name {
    color: var(--card-friend-name-color);
}

.card-widget.card-friend-link .card-friend-descr {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 12em;
    color: var(--card-friend-descr-color);
}

#categoryBar {
    width: 100% !important;
}

ul.categoryBar-list {
    margin: 5px 5px 0px !important;
    padding: 0px !important;
}

li.categoryBar-list-item {
    font-weight: 700;
    display: inline-block;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 25%, rgba(16, 16, 16, 0) 100%);
    border-radius: 10px;
    box-shadow: rgba(50, 50, 50, 0.3) 50px 50px 50px 50px inset;
    overflow: hidden;
    height: 180px !important;
    margin: 5px 0.5% 0px !important;
    padding: 25px 0px 25px 25px !important;
    background-size: 100% !important;
    background-position: center center !important;
}

li.categoryBar-list-item:hover {
    box-shadow: rgba(50, 50, 50, 0.6) 500px 50px 50px 50px inset;
    background-size: 110% !important;
}

li.categoryBar-list-item:hover span.categoryBar-list-count::after {
    transition: all 0.5s ease 0s;
    transform: translate(-100%, 0px);
}

a.categoryBar-list-link {
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
}

a.categoryBar-list-link::before {
    content: "|" !important;
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
}

a.categoryBar-list-link::after {
    content: "";
    position: relative;
    width: 0px;
    bottom: 0px;
    display: block;
    height: 3px;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
}

a.categoryBar-list-link:hover::after {
    width: 90%;
    left: 1%;
    transition: all 0.5s ease 0s;
}

span.categoryBar-list-count {
    display: block !important;
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
}

span.categoryBar-list-count::before {
    content: "" !important;
    padding-right: 15px !important;
}

span.categoryBar-list-count::after {
    padding: 5px;
    position: relative;
    right: -100%;
    display: block !important;
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
}

li.categoryBar-list-item:nth-child(1)>span::after {
    content: "JAVA开发干货" !important;
}

li.categoryBar-list-item:nth-child(2)>span::after {
    content: "分享各类经典好用的工具" !important;
}

li.categoryBar-list-item:nth-child(3)>span::after {
    content: "瞎说八道" !important;
}

li.categoryBar-list-item:nth-child(4)>span::after {
    content: "实践经验分享" !important;
}

li.categoryBar-list-item:nth-child(5)>span::after {
    content: "运维开发干货" !important;
}

li.categoryBar-list-item:nth-child(6)>span::after {
    content: "博客搭建经验" !important;
}

li.categoryBar-list-item:nth-child(7)>span::after {
    content: "算法经验" !important;
}

li.categoryBar-list-item:nth-child(8)>span::after {
    content: "吃到老，玩到老" !important;
}

li.categoryBar-list-item:nth-child(8)>span::after {
    content: "前端，永无止境" !important;
}

li.categoryBar-list-item {
    width: 32.3% !important;
}

@media screen and (max-width: 650px) {
    li.categoryBar-list-item {
        width: 48% !important;
        height: 150px !important;
        margin: 5px 1% 0px !important;
    }
}

.categoryBar-list {
    max-height: 190px;
    overflow: auto;
}

.categoryBar-list::-webkit-scrollbar {
    width: 0px !important;
}

@media screen and (max-width: 650px) {
    .categoryBar-list {
        max-height: 160px;
    }
}

 :root {
    --cursor-arrow: url("../img/cur/arrow.cur");
    --cursor-backrunning: url("../img/cur/backrunning.cur");
    --cursor-ban: url("../img/cur/ban.cur");
    --cursor-busy: url("../img/cur/busy.cur");
    --cursor-handwriting: url("../img/cur/handwriting.cur");
    --cursor-help: url("../img/cur/help.cur");
    --cursor-link: url("../img/cur/link.cur");
    --cursor-move: url("../img/cur/move.cur");
    --cursor-input: url("../img/cur/input.cur");
}

body *,
html * {
    cursor: var(--cursor-arrow), auto;
}

img {
    cursor: var(--cursor-handwriting), auto !important;
}

a:hover {
    cursor: var(--cursor-link), auto;
}

input:hover {
    cursor: var(--cursor-input), auto;
}

article h1:hover,
article h2:hover,
article h3:hover,
article h4:hover,
article h5:hover,
article h6:hover,
article li:hover,
article p:hover,
article span:hover {
    cursor: var(--cursor-input), auto;
}

summary:hover {
    cursor: var(--cursor-help), auto !important;
}

button:hover {
    cursor: var(--cursor-backrunning), auto;
}

i:hover {
    cursor: var(--cursor-arrow), auto;
}

#footer-wrap a:hover {
    cursor: var(--cursor-link), auto;
}

#pagination .page-number:hover {
    cursor: var(--cursor-link), auto;
}

#nav .site-page:hover {
    cursor: var(--cursor-link), auto;
}

 :root {
    --title-day-display: initial;
    --title-night-display: none;
}

[data-theme="dark"] {
    --title-day-display: none;
    --title-night-display: initial;
}

@media screen and (max-width: 768px) {
    #page-header #site-info #site-title img {
        max-width: 350px;
    }
}

#page-header #site-info #site-title img {
    height: auto;
    width: 100%;
    max-width: 550px;
}

#page-header #site-info #site-title img.site-title-day {
    display: var(--title-day-display);
}

#page-header #site-info #site-title img.site-title-night {
    display: var(--title-night-display);
}

 ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

 ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--ark-post-item-border);
}

 ::-webkit-scrollbar-thumb:hover {
    opacity: 1;
    filter: none;
    transition: opacity 0.5s ease 0s;
    display: block !important;
}

 ::-webkit-scrollbar-corner {
    background-color: transparent;
}

 ::-webkit-scrollbar-track {
    background-color: transparent;
}

html {
    overflow-y: overlay;
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important;
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0px !important;
}

figure.highlight pre .deletion {
    color: red !important;
}

figure.highlight pre .addition {
    color: rgb(0, 191, 3) !important;
}

input.card-widget-visible[type="radio"] {
    display: none;
}

input.card-widget-visible[type="radio"]:checked+div.card-widget {
    inset: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
    max-height: 500px;
    width: auto;
    height: fit-content;
    z-index: 22;
    visibility: visible !important;
    display: block !important;
    position: fixed !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
    animation: 0.3s linear 0s 1 normal forwards running cardVisible !important;
}

input.card-widget-visible[type="radio"]:checked+div.card-widget>div {
    max-height: 460px;
    overflow: scroll;
}

input.card-widget-visible[type="radio"]:checked+div.card-widget>div::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width: 900px) {
    #fixed-cardwidget-dashboard {
        display: none;
    }
    label.quit-visible {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    #fixed-cardwidget-dashboard {
        position: fixed;
        display: flex;
        background: 0px 0px;
        left: 0px;
        top: 40%;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: flex-start;
        padding: 5px 50px 10px 0px;
        z-index: 21;
    }
    #fixed-cardwidget-dashboard * {
        transition: all 0.3s ease-in-out 0s;
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixed-cardwidget-hover-button,
    #fixed-cardwidget-dashboard:hover label.fixed-cardwidget-hover-button {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        border: 10px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.5);
        box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 2px inset;
    }
    #fixed-cardwidget-dashboard label.fixed-cardwidget-hover-button {
        display: block;
        background: rgba(255, 255, 255, 0.5);
        height: 50px;
        width: 6px;
        border-radius: 3px;
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor {
        display: none;
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container {
        display: flex;
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item {
        animation: 0.3s ease-in 0s 1 normal forwards running buttonVisible;
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(1) {
        transform: rotate(-17deg);
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(2) {
        transform: rotate(17deg);
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(3) {
        transform: rotate(-51deg);
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(4) {
        transform: rotate(51deg);
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(5) {
        transform: rotate(-85deg);
    }
    #fixed-cardwidget-dashboard input#dashboard-anchor:checked~.fixedcard-anchor-container .fixedcard-anchor-item:nth-child(6) {
        transform: rotate(85deg);
    }
    #fixed-cardwidget-dashboard .fixedcard-anchor-container {
        display: none;
        -webkit-box-orient: vertical;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        left: -80px;
        width: auto;
    }
    #fixed-cardwidget-dashboard .fixedcard-anchor-container .fixedcard-anchor-item {
        display: flex;
        padding: 0px;
        height: 50px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        position: absolute;
        left: 50px;
        top: 0px;
        transform-origin: left center;
    }
    #fixed-cardwidget-dashboard .fixedcard-anchor-container .fixedcard-anchor-item label.card-widget-visible {
        display: flex;
        padding: 10px;
        width: 50px;
        height: 50px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        color: rgba(0, 0, 0, 0.8);
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }
}

input#quit-anchor {
    display: none;
}

input#quit-anchor:checked+label.quit-visible {
    display: none;
}

label.quit-visible {
    display: block;
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
}

@-webkit-keyframes cardVisible {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

@keyframes cardVisible {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes buttonVisible {
    0% {
        width: 0px;
        opacity: 0;
    }
    100% {
        width: 130px;
        opacity: 1;
        filter: none;
    }
}

@keyframes buttonVisible {
    0% {
        width: 0px;
        opacity: 0;
    }
    100% {
        width: 130px;
        opacity: 1;
        filter: none;
    }
}

div#post-comment.fixedcomment {
    top: 0px;
    right: 0px;
    height: 100%;
    overflow: scroll;
    z-index: 90;
    background: rgba(222, 222, 222, 0.95);
    box-shadow: rgb(70, 67, 64) 3px 2px 14px;
    animation: 0.5s linear 0s 1 normal none running fixedright;
    position: fixed !important;
    width: 60% !important;
    padding: 25px 80px 20px 40px !important;
}

div#post-comment.fixedcomment::-webkit-scrollbar {
    width: 0px;
}

div#quit-board {
    display: none;
}

div#quit-board.fixedcomment {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    background: rgba(25, 25, 25, 0.3);
    animation: 0.5s linear 0s 1 normal none running fixedleft;
    display: block !important;
    z-index: 89 !important;
    filter: blur(4px) !important;
}

@media screen and (max-width: 768px) {
    div#post-comment.fixedcomment {
        right: 0px;
        padding: 25px 30px 20px 20px !important;
        width: 90% !important;
    }
    div#quit-board.fixedcomment {
        width: 10%;
    }
}

[data-theme="dark"] div#post-comment.fixedcomment {
    background: rgba(35, 35, 35, 0.95);
    box-shadow: rgb(144, 161, 164) 3px 2px 12px;
}

[data-theme="dark"] div#quit-board.fixedcomment {
    background: rgba(147, 146, 128, 0.3);
}

@-webkit-keyframes fixedright {
    0% {
        right: -50%;
    }
    100% {
        right: 0px;
    }
}

@keyframes fixedright {
    0% {
        right: -50%;
    }
    100% {
        right: 0px;
    }
}

@-webkit-keyframes fixedleft {
    0% {
        left: -50%;
    }
    100% {
        left: 0px;
    }
}

@keyframes fixedleft {
    0% {
        left: -50%;
    }
    100% {
        left: 0px;
    }
}

@font-face {
    font-family: TaikoMagic;
    src: url("https://img.lovelu.top/akilar-theme/ttf/REEJI-TaikoMagicGB-Flash-Bold.ttf");
    font-display: swap;
    font-weight: lighter;
}

@font-face {
    font-family: ZhuZiAYuanJWD;
    src: url("https://img.lovelu.top/akilar-theme/ttf/ZhuZiAWan.ttf");
    font-display: swap;
    font-weight: lighter;
}

@font-face {
    font-family: UnidreamLED;
    src: url("https://img.lovelu.top/akilar-theme/ttf/UnidreamLED.ttf");
    font-display: swap;
    font-weight: lighter;
}

svg.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentcolor;
    overflow: hidden;
}

.iconfont {
    font-size: 1.85em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "iconfont" !important
}

#page-header #site-info #site-title {
    font-family: TaikoMagic;
    font-size: 3em !important;
}

a.article-title,
a.blog-slider__title,
a.categoryBar-list-link,
h1.post-title {
    font-family: TaikoMagic;
}

#web-bg {
    position: fixed;
    z-index: -999;
    width: 100%;
    height: 100%;
    padding: 0px;
}

#web-bg #dark-bg,
#web-bg #default-bg,
#web-bg #mobile-bg,
#web-bg #mobile-dark-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-attachment: local !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#web-bg #dark-bg::before,
#web-bg #mobile-dark-bg::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
}

@media screen and (min-width: 900px) {
    #web-bg #default-bg {
        animation: 0.3s linear 0s 1 normal forwards running web-bg-show;
    }
    #web-bg #dark-bg {
        animation: 0.3s linear 0.1s 1 normal forwards running web-bg-hidden;
    }
    #web-bg #mobile-bg {
        display: none;
    }
    #web-bg #mobile-dark-bg {
        display: none;
    }
    [data-theme="dark"] #web-bg #default-bg {
        animation: 0.3s linear 0.1s 1 normal forwards running web-bg-hidden;
    }
    [data-theme="dark"] #web-bg #dark-bg {
        animation: 0.3s linear 0s 1 normal forwards running web-bg-show;
    }
}

@media screen and (max-width: 900px) {
    #web-bg #default-bg {
        display: none;
    }
    #web-bg #dark-bg {
        display: none;
    }
    #web-bg #mobile-bg {
        animation: 0.3s linear 0s 1 normal forwards running web-bg-show;
    }
    #web-bg #mobile-dark-bg {
        animation: 0.3s linear 0.1s 1 normal forwards running web-bg-hidden;
    }
    [data-theme="dark"] #web-bg #mobile-bg {
        animation: 0.3s linear 0.1s 1 normal forwards running web-bg-hidden;
    }
    [data-theme="dark"] #web-bg #mobile-dark-bg {
        animation: 0.3s linear 0s 1 normal forwards running web-bg-show;
    }
}

@-webkit-keyframes web-bg-show {
    0% {
        z-index: -998;
        display: block;
        clip-path: inset(0px 100% 0px 0px);
    }
    100% {
        z-index: -998;
        display: block;
        clip-path: inset(0px);
    }
}

@keyframes web-bg-show {
    0% {
        z-index: -998;
        display: block;
        clip-path: inset(0px 100% 0px 0px);
    }
    100% {
        z-index: -998;
        display: block;
        clip-path: inset(0px);
    }
}

@-webkit-keyframes web-bg-hidden {
    0% {
        z-index: -999;
        display: block;
        clip-path: inset(0px);
    }
    99% {
        z-index: -999;
        display: block;
        clip-path: inset(0px 0px 0px 100%);
    }
    100% {
        z-index: -999;
        display: none;
        clip-path: inset(0px 0px 0px 100%);
    }
}

@keyframes web-bg-hidden {
    0% {
        z-index: -999;
        display: block;
        clip-path: inset(0px);
    }
    99% {
        z-index: -999;
        display: block;
        clip-path: inset(0px 0px 0px 100%);
    }
    100% {
        z-index: -999;
        display: none;
        clip-path: inset(0px 0px 0px 100%);
    }
}

@font-face {
    font-family: SAOUI;
    src: url("https://img.lovelu.top/akilar-theme/ttf/SAOUI.ttf");
    font-display: swap;
}

#SAO-back {
    display: none;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    background: rgba(3, 3, 3, 0.5);
    z-index: 9999;
    vertical-align: super;
}

@media screen and (max-width: 768px) {
    #SAO_Utils_Switch {
        display: none !important;
    }
}

#SAO-menu {
    display: block;
    position: absolute;
}

#SAO-menu-content {
    font-family: SAOUI, Langar, -apple-system, sans-serif;
    display: block;
}

.utils-list-item {
    font-weight: bolder;
    margin-top: 10px;
    width: 66px;
    height: 66px;
    background: rgba(255, 255, 255, 0);
    text-align: center;
    vertical-align: super;
    position: relative;
    display: block;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.5);
    border: 3px solid;
    box-shadow: rgb(136, 136, 136) 2px 2px 2px;
}

.utils-list-item i {
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    margin: auto;
    vertical-align: middle;
    top: 4px;
    position: relative;
    line-height: 100%;
    border-radius: 50%;
}

.utils-list-item i::before {
    color: rgba(60, 60, 61, 0.7);
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    top: 20px;
    position: relative;
}

.utils-list-item:hover {
    color: rgb(237, 166, 12);
}

.utils-list-item:hover i {
    background: rgb(237, 166, 12);
}

.utils-list-item:hover i::before {
    color: rgb(255, 255, 255);
}

.utils-list-item .user-panel {
    transform: rotate3d(-1, 1, 0, 20deg);
    display: none;
    position: absolute;
    width: 250px;
    height: auto;
    background: rgba(231, 231, 232, 0.9);
    border-radius: 10px;
    left: -290px;
    top: -170px;
    box-shadow: rgb(136, 136, 136) 3px 3px 2px;
}

.utils-list-item .user-panel::before {
    position: absolute;
    content: "";
    border-left: 25px solid rgb(249, 249, 249);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: 250px;
    top: calc(50% - 10px);
}

.user-panel .user-panel-name {
    font-size: 20px;
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
    background: rgb(249, 249, 249);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: rgba(60, 60, 61, 0.7) !important;
}

.user-panel .user-panel-img {
    padding-inline: 30px;
    padding-bottom: 0px;
    padding-top: 20px;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background: rgb(249, 249, 249);
    text-align: center;
    box-shadow: rgb(136, 136, 136) -1px 10px 15px;
}

.user-panel .user-panel-img img {
    width: 100%;
}

.user-panel .user-panel-img::after {
    position: absolute;
    content: "";
    border-top: 15px solid rgb(249, 249, 249);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left: 30%;
    top: calc(50% + 45px);
}

.user-panel .user-panel-properties {
    font-size: 18px;
    padding: 20px;
    margin: 0px auto;
    height: 150px;
    width: 100%;
    overflow: scroll;
    display: inline-block;
    text-align: left;
    color: rgba(60, 60, 61, 0.7) !important;
}

.user-panel .user-panel-properties::-webkit-scrollbar {
    display: none;
}

.user-panel-name::after {
    display: block;
    width: 80%;
    margin-left: 10%;
    height: 2px;
    content: "";
    background: rgba(160, 159, 160, 0.9);
    border-radius: 5px;
}

.menu-list {
    display: none;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    left: 90px;
    -webkit-border-image: -webkit-linear-gradient(bottom, transparent, rgb(249, 249, 249) 20%, rgb(249, 249, 249) 80%, transparent) 0 0 0 1 fill;
    border-image: linear-gradient(to top, transparent, rgb(249, 249, 249) 20%, rgb(249, 249, 249) 80%, transparent) 0 0 0 1 / 1 / 0 stretch;
    margin-left: 10px;
    width: auto;
    height: auto;
    padding: 10px 30px;
}

.menu-list::before {
    position: absolute;
    content: "";
    border-right: 25px solid rgb(249, 249, 249);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -30px;
    top: calc(50% - 10px);
}

.menu-list::after {
    position: absolute;
    content: "";
    border: 3px solid rgb(51, 51, 51);
    border-radius: 50%;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.menu-list-item {
    display: block;
    border-radius: 3px;
    background: rgba(249, 249, 249, 0.79);
    width: 180px;
    padding: 20px 25px;
    margin-bottom: 5px;
    position: relative;
    left: -25px;
    font-weight: bolder;
    color: rgb(77, 72, 73);
    box-shadow: rgb(136, 136, 136) 3px 3px 2px;
    height: 40px;
    text-align: left;
}

.menu-list-item:last-child {
    margin-bottom: 0px;
}

.menu-list-item:hover {
    cursor: pointer;
    background-color: rgb(237, 166, 12);
    color: rgb(249, 249, 249);
}

.menu-list-item:hover .menu-child {
    display: block;
    z-index: 10000;
}

.menu-list-item:hover i::before {
    cursor: pointer;
    background-color: rgb(249, 249, 249);
    color: rgb(237, 166, 12);
}

.menu-list-item i {
    display: block;
    vertical-align: super;
    font-family: SAOUI, Langar, -apple-system, sans-serif;
    font-size: 18px;
    position: absolute;
    border-radius: 0px;
    width: 100%;
    margin-left: 15px;
    top: -2px;
    left: -15px;
    padding-top: 10px;
    background: rgba(77, 72, 73, 0) !important;
}

.menu-list-item i::before {
    margin-inline: 15px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    background: rgb(77, 72, 73);
    padding: 5px;
    border-radius: 50%;
    top: -2px;
}

.menu-child {
    display: none;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    left: 180px;
    -webkit-border-image: -webkit-linear-gradient(bottom, transparent, rgb(249, 249, 249) 20%, rgb(249, 249, 249) 80%, transparent) 0 0 0 1 fill;
    border-image: linear-gradient(to top, transparent, rgb(249, 249, 249) 20%, rgb(249, 249, 249) 80%, transparent) 0 0 0 1 / 1 / 0 stretch;
    margin-left: 20px;
    width: auto;
    height: auto;
    padding: 10px 30px;
}

.menu-child::before {
    position: absolute;
    content: "";
    border-right: 25px solid rgb(249, 249, 249);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -30px;
    top: calc(50% - 10px);
}

.menu-child::after {
    position: absolute;
    content: "";
    border: 3px solid rgb(51, 51, 51);
    border-radius: 50%;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.menu-list-child {
    display: block;
    border-radius: 3px;
    width: 180px;
    padding: 20px 25px;
    margin-bottom: 5px;
    position: relative;
    left: -25px;
    top: 0px;
    font-weight: bolder;
    color: rgb(77, 72, 73);
    box-shadow: rgb(136, 136, 136) 3px 3px 2px;
    height: 40px;
    background: rgba(249, 249, 249, 0.79) !important;
}

.menu-list-child:last-child {
    margin-bottom: 0px;
}

.menu-list-child i {
    display: block;
    font-family: SAOUI, Langar, -apple-system, sans-serif;
    font-size: 18px;
    vertical-align: super;
    position: absolute;
    border-radius: 0px;
    width: 100%;
    height: 40px;
    margin-left: 15px;
    top: -2px;
    left: -15px;
    padding-top: 10px;
    background: rgba(77, 72, 73, 0) !important;
}

.menu-list-child i::before {
    margin-inline: 15px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 50%;
    top: -2px;
    color: rgb(255, 255, 255) !important;
    background: rgb(77, 72, 73) !important;
}

.menu-list-child:hover {
    cursor: pointer;
    background-color: rgb(237, 166, 12) !important;
    color: rgb(249, 249, 249) !important;
}

.menu-list-child:hover i::before {
    cursor: pointer;
    background-color: rgb(249, 249, 249) !important;
    color: rgb(237, 166, 12) !important;
}

.active {
    display: block !important;
}

#SAO-menu {
    animation: 1s linear 0s infinite alternate none running Updown;
}

.utils-list-item .user-panel {
    transform: rotate3d(0, -1, 0, 20deg);
}

.menu-list {
    transform: rotate3d(0, 1, 0, 20deg);
}

.menu-child {
    transform: rotate3d(0, 1, 0, 5deg);
}

.user-panel .user-panel-img {
    box-shadow: rgb(136, 136, 136) -1px 10px 15px;
}

@-webkit-keyframes Updown {
    0% {
        margin-top: 20px;
    }
    100% {
        margin-top: 10px;
    }
}

@keyframes Updown {
    0% {
        margin-top: 20px;
    }
    100% {
        margin-top: 10px;
    }
}

.utils-list-item:hover .user-panel {
    display: block;
    z-index: 10000;
}

.menu-list-item:hover .menu-child {
    display: block;
    z-index: 10000;
}

#SAO-logout {
    z-index: 9999;
    background: rgba(204, 204, 207, 0.8);
    font-family: SAOUI, Langar, -apple-system, sans-serif;
    font-weight: bolder;
    text-shadow: rgb(136, 136, 136) 1px 1px 1px;
    height: 240px;
    width: 350px;
    display: none;
    position: fixed;
    inset: 0px;
    margin: auto;
    border-radius: 5px;
    box-shadow: rgb(136, 136, 136) 2px 2px 10px;
}

.logout-title {
    background: rgba(249, 249, 249, 0.8);
    color: rgba(60, 60, 61, 0.7);
    height: 60px;
    width: 100%;
    display: block;
    font-size: 20px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 10px;
}

.logout-alert {
    background: rgba(220, 220, 220, 0.8);
    color: rgba(60, 60, 61, 0.7);
    height: 90px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 30px;
    box-shadow: rgb(188, 188, 188) 0px 0px 15px inset;
}

.logout-button {
    background: rgba(249, 249, 249, 0.8);
    height: 90px;
    width: 100%;
    display: block;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 30px;
}

.logout-confirm {
    background: rgba(47, 121, 212, 0);
    border-radius: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-inline: 60px;
    border: 1px solid rgb(47, 121, 212);
}

.logout-confirm button {
    background: rgb(47, 121, 212);
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    color: rgb(255, 255, 255);
    display: block;
    width: 30px;
    height: 30px;
    margin: 2px;
}

.logout-cancel {
    background: rgba(203, 55, 73, 0);
    border-radius: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-inline: 60px;
    border: 1px solid rgb(203, 55, 73);
}

.logout-cancel button {
    background: rgb(203, 55, 73);
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bolder;
    color: rgb(255, 255, 255);
    display: block;
    width: 30px;
    height: 30px;
    margin: 2px;
}

.activeLogout {
    animation: 1s ease 0s 1 alternate none running flashOpen;
    display: block !important;
}

@-webkit-keyframes flashOpen {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

@keyframes flashOpen {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

 :root {
    --ark-cab-border-color: rgba(255, 255, 255, 0.7);
    --ark-cab-shadow-color: rgba(226, 248, 24, 0.8);
}

[data-theme="dark"] {
    --ark-cab-border-color: rgba(255, 255, 255, 0.7);
    --ark-cab-shadow-color: rgba(24, 248, 229, 0.8);
}

#ark-cab-box {
    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#ark-cab-box.arksink {
    z-index: -1000;
}

#ark-cab-box * {
    transition: all 0.5s ease-in 0s;
}

#ark-cab-box #ark-cab {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0.5);
    backdrop-filter: blur(8px);
    transform: translateZ(0px);
}

#ark-cab-box #ark-cab .ark-cab-main-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    order: 2;
    width: 500px;
    height: 500px;
    clip-path: circle(100% at 50% 50%);
}

#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border {
    height: 360px;
    width: 360px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: 2px;
    border-style: dotted;
    border-image: initial;
    border-color: var(--ark-cab-border-color) transparent transparent transparent;
    border-radius: 50%;
}

#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border::before {
    content: "";
    position: absolute;
    height: 370px;
    width: 370px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    box-shadow: 0 0 0 30px inset var(--ark-cab-border-color);
    clip-path: polygon(50% 50%, 51% 0px, 49% 0px, 50% 50%, 2% 0px, 0px 2%, 50% 50%, 0px 49%, 0px 51%, 50% 50%, 0px 98%, 2% 100%, 50% 50%, 49% 100%, 51% 100%, 50% 50%, 98% 100%, 100% 98%, 50% 50%, 100% 51%, 100% 49%, 50% 50%, 100% 2%, 98% 0px);
}

#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border::after {
    content: "";
    position: absolute;
    height: 344px;
    width: 344px;
    top: 3px;
    left: 0px;
    border-radius: 50%;
    border: 3px dashed var(--ark-cab-border-color);
    clip-path: inset(50% 0px 0px);
}

#ark-cab-box #ark-cab .ark-cab-top-triangle {
    position: absolute;
    display: block;
    width: 280px;
    height: 140px;
    border-radius: 15px;
    background: var(--ark-cab-border-color);
    clip-path: polygon(50% 0px, calc(50% - 75px) 0px, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0px calc(100% - 17px), 0px 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0px);
    left: calc(50% - 140px);
    bottom: calc(50% + 220px);
}

#ark-cab-box #ark-cab .ark-cab-bottom-left-triangle {
    position: absolute;
    display: block;
    width: 260px;
    height: 130px;
    border-radius: 15px;
    background: var(--ark-cab-border-color);
    clip-path: polygon(50% 0px, calc(50% - 75px) 0px, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0px calc(100% - 17px), 0px 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0px);
    left: calc(50% - 460px);
    top: calc(50% + 160px);
    transform: rotateZ(-120deg);
}

#ark-cab-box #ark-cab .ark-cab-bottom-right-triangle {
    position: absolute;
    display: block;
    width: 260px;
    height: 130px;
    border-radius: 15px;
    background: var(--ark-cab-border-color);
    clip-path: polygon(50% 0px, calc(50% - 75px) 0px, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0px calc(100% - 17px), 0px 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0px);
    right: calc(50% - 460px);
    top: calc(50% + 160px);
    transform: rotateZ(120deg);
}

#ark-cab-box #ark-cab .ark-cab-center-left-border {
    -webkit-box-ordinal-group: 1;
    order: 1;
    position: relative;
    width: 200px;
    height: 60px;
}

#ark-cab-box #ark-cab .ark-cab-center-left-border::before {
    content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 60px;
    right: 0px;
    top: 0px;
    background: var(--ark-cab-border-color);
    margin: 0px 40px;
    clip-path: polygon(0px calc(100% - 20px), 0px calc(100% - 23px), calc(100% - 80px) calc(100% - 23px), calc(100% - 50px) 30px, calc(100% - 20px) 30px, calc(100% - 20px) calc(100% - 20px), calc(100% - 10px) calc(100% - 20px), calc(100% - 10px) 0px, 100% 0px, 100% 100%, calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 20px));
    transform: skewX(-40deg);
}

#ark-cab-box #ark-cab .ark-cab-center-left-border::after {
    content: "";
    position: absolute;
    display: block;
    height: 12px;
    width: 30px;
    top: 15px;
    right: 55px;
    clip-path: polygon(0px 100%, 0px 0px, 17% 0px, 17% 80%, 12% 100%, 20% 100%, 20% 0px, 37% 0px, 37% 80%, 32% 100%, 40% 100%, 40% 0px, 57% 0px, 57% 80%, 52% 100%, 60% 100%, 60% 0px, 77% 0px, 77% 80%, 72% 100%, 80% 100%, 80% 0px, 97% 0px, 97% 80%, 92% 100%);
    transform: skew(-40deg, 0deg);
    animation: 3s ease 0s infinite normal none running ark-cab-power-flash-left;
}

#ark-cab-box #ark-cab .ark-cab-center-right-border {
    -webkit-box-ordinal-group: 3;
    order: 3;
    position: relative;
    width: 200px;
    height: 60px;
}

#ark-cab-box #ark-cab .ark-cab-center-right-border::before {
    content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 60px;
    left: 0px;
    top: 0px;
    background: var(--ark-cab-border-color);
    margin: 0px 40px;
    clip-path: polygon(100% calc(100% - 20px), 100% calc(100% - 23px), 80px calc(100% - 23px), 50px 30px, 20px 30px, 20px calc(100% - 20px), 10px calc(100% - 20px), 10px 0px, 0px 0px, 0px 100%, 10px 100%, 10px calc(100% - 20px));
    transform: skewX(40deg);
}

#ark-cab-box #ark-cab .ark-cab-center-right-border::after {
    content: "";
    position: absolute;
    display: block;
    height: 12px;
    width: 30px;
    top: 15px;
    left: 55px;
    clip-path: polygon(100% 100%, 100% 0px, 83% 0px, 83% 80%, 88% 100%, 80% 100%, 80% 0px, 63% 0px, 63% 80%, 68% 100%, 60% 100%, 60% 0px, 43% 0px, 43% 80%, 48% 100%, 40% 100%, 40% 0px, 23% 0px, 23% 80%, 28% 100%, 20% 100%, 20% 0px, 3% 0px, 3% 80%, 8% 100%);
    transform: skew(40deg, 0deg);
    animation: 3s ease 0s infinite normal none running ark-cab-power-flash-right;
}

#ark-cab-box #ark-cab .ark-cab-top-left-border {
    position: absolute;
    display: block;
    height: 70px;
    width: calc(50% - 160px);
    background: var(--ark-cab-border-color);
    left: 0px;
    bottom: calc(50% + 290px);
    clip-path: polygon(100% 100%, 0px 100%, 0px calc(100% - 3px), calc(100% - 160px) calc(100% - 5px), calc(100% - 150px) calc(100% - 10px), calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(100% - 30px), calc(100% - 1px) calc(100% - 40px), calc(100% - 1px) 0px, 100% 0px);
    transform: skew(-35deg, 10deg);
}

#ark-cab-box #ark-cab .ark-cab-top-right-border {
    position: absolute;
    display: block;
    height: 70px;
    width: calc(50% - 160px);
    background: var(--ark-cab-border-color);
    right: 0px;
    bottom: calc(50% + 290px);
    clip-path: polygon(0px 100%, 100% 100%, 100% calc(100% - 3px), 160px calc(100% - 5px), 150px calc(100% - 10px), 15px calc(100% - 10px), 15px calc(100% - 30px), 1px calc(100% - 40px), 1px 0px, 0px 0px);
    transform: skew(35deg, -10deg);
}

#ark-cab-box #ark-cab .ark-cab-top-left-flash {
    position: absolute;
    display: block;
    height: 12px;
    width: 80px;
    bottom: calc(50% + 320px);
    left: calc(50% - 350px);
    clip-path: polygon(0px 100%, 0px 0px, 17% 0px, 17% 80%, 12% 100%, 20% 100%, 20% 0px, 37% 0px, 37% 80%, 32% 100%, 40% 100%, 40% 0px, 57% 0px, 57% 80%, 52% 100%, 60% 100%, 60% 0px, 77% 0px, 77% 80%, 72% 100%, 80% 100%, 80% 0px, 97% 0px, 97% 80%, 92% 100%);
    transform: skew(-30deg, 10deg);
    animation: 3s ease 0s infinite normal none running ark-cab-power-flash-left;
}

#ark-cab-box #ark-cab .ark-cab-top-right-flash {
    position: absolute;
    display: block;
    height: 12px;
    width: 80px;
    bottom: calc(50% + 320px);
    right: calc(50% - 350px);
    clip-path: polygon(100% 100%, 100% 0px, 83% 0px, 83% 80%, 88% 100%, 80% 100%, 80% 0px, 63% 0px, 63% 80%, 68% 100%, 60% 100%, 60% 0px, 43% 0px, 43% 80%, 48% 100%, 40% 100%, 40% 0px, 23% 0px, 23% 80%, 28% 100%, 20% 100%, 20% 0px, 3% 0px, 3% 80%, 8% 100%);
    transform: skew(30deg, -10deg);
    animation: 3s ease 0s infinite normal none running ark-cab-power-flash-right;
}

#ark-cab-box #ark-cab .ark-cab-bottom-center-border {
    position: absolute;
    top: calc(50% + 160px);
    left: calc(50% - 250px);
    display: block;
    height: 50px;
    width: 500px;
    background: var(--ark-cab-border-color);
    clip-path: polygon(0px 15px, calc(50% - 100px) 0px, calc(50% - 70px) calc(100% - 20px), calc(50% + 70px) calc(100% - 20px), calc(50% + 100px) 0px, 100% 15px, calc(100% - 3px) 20px, calc(50% + 105px) 7px, calc(50% + 89px) calc(100% - 30px), calc(50% + 90px) calc(100% - 23px), calc(50% + 70px) 100%, calc(50% - 70px) 100%, calc(50% - 90px) calc(100% - 23px), calc(50% - 89px) calc(100% - 30px), calc(50% - 105px) 7px, 3px 20px, 0px 15px);
}

#ark-cab-box #ark-cab .ark-cab-bottom-left-border {
    position: absolute;
    display: block;
    height: 90px;
    width: calc(50% - 430px);
    background: var(--ark-cab-border-color);
    left: 30px;
    top: calc(50% + 260px);
    clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 15px), calc(100% - 8px) 100%, calc(100% - 6px) 30px, calc(100% - 12px) 32px, calc(100% - 11px) 10px, 10px 12px);
    transform: skew(30deg, -10deg);
}

#ark-cab-box #ark-cab .ark-cab-bottom-right-border {
    position: absolute;
    display: block;
    height: 90px;
    width: calc(50% - 430px);
    background: var(--ark-cab-border-color);
    right: 30px;
    top: calc(50% + 260px);
    clip-path: polygon(100% 0px, 0px 0px, 0px calc(100% - 15px), 8px 100%, 6px 30px, 12px 32px, 11px 10px, calc(100% - 10px) 12px);
    transform: skew(-30deg, 10deg);
}

#ark-cab-box.arkend * {
    transition: all 1s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab {
    background: rgba(20, 20, 20, 0);
    backdrop-filter: blur(0px);
    transition: all 0.3s ease-in 0.7s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-top-left-flash {
    transform: skew(-30deg, 10deg) translateY(-1000px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-top-right-flash {
    transform: skew(30deg, -10deg) translateY(-1000px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-top-left-border {
    transform: skew(-35deg, 10deg) translateX(-1000px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-top-right-border {
    transform: skew(35deg, -10deg) translateX(1000px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-bottom-left-border {
    transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-bottom-right-border {
    transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
    transition: transform 0.3s ease-in 0.3s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-top-triangle {
    transform: translateY(-1000px);
    transition: transform 0.3s ease-in 0.4s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-bottom-left-triangle {
    transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
    transition: transform 0.3s ease-in 0.4s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-bottom-right-triangle {
    transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
    transition: transform 0.3s ease-in 0.4s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-bottom-center-border {
    transform: translateY(1000px);
    transition: transform 0.4s ease-in 0.5s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-center-left-border {
    transform: translateX(-1000px);
    transition: transform 0.4s ease-in 0.5s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-center-right-border {
    transform: translateX(1000px);
    transition: transform 0.4s ease-in 0.5s;
}

#ark-cab-box.arkend #ark-cab .ark-cab-main-container {
    transition: clip-path 0.3s ease-in 0.7s;
    clip-path: circle(0px at 50% 50%) !important;
}

@-webkit-keyframes ark-cab-power-flash-left {
    0% {
        background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    }
    100% {
        background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
    }
}

@keyframes ark-cab-power-flash-left {
    0% {
        background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    }
    100% {
        background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
    }
}

@-webkit-keyframes ark-cab-power-flash-right {
    0% {
        background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    }
    100% {
        background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
    }
}

@keyframes ark-cab-power-flash-right {
    0% {
        background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    }
    100% {
        background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
    }
}

 :root {
    --card-author-avatar-groove-border: rgba(244, 252, 252, 0.3);
    --card-author-avatar-dashed-border: rgba(70, 162, 223, 0.3);
    --card-author-name-background: rgba(35, 32, 32, 0.8);
    --card-author-font-color: #fff;
    --card-author-name-decoration: rgba(153, 54, 44, 0.8);
    --card-author-radio: rgba(73, 176, 245, 0.8);
    --card-author-radio-checked: rgba(153, 54, 44, 0.8);
}

[data-theme="dark"] {
    --card-author-avatar-groove-border: rgba(146, 206, 241, 0.6);
    --card-author-avatar-dashed-border: rgba(0, 77, 119, 0.8);
    --card-author-name-background: rgba(80, 80, 80, 0.598);
    --card-author-font-color: #fff;
    --card-author-name-decoration: #f2eff0;
    --card-author-radio: rgba(73, 176, 245, 0.558);
    --card-author-radio-checked: rgba(212, 31, 31, 0.58);
}

.card-widget.card-author {
    height: auto;
    width: 100%;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info {
    height: 150px;
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info input[type="checkbox"]#author-info {
    display: none;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info input[type="checkbox"]#author-info:checked~.author-name {
    display: flex;
    transform-origin: left center;
    animation: 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s 1 normal none running ejectrotate;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar {
    z-index: 1;
    position: relative;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar img {
    width: 90px;
    height: 90px;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar::before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    background: 0px 0px;
    border: 10px groove var(--card-author-avatar-groove-border);
    box-shadow: 0 0 10px var(--card-author-avatar-dashed-border);
    border-radius: 50%;
    left: -10px;
    top: -10px;
    animation: 3s linear 0s infinite alternate none running borderrotate;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar::after {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    background: 0px 0px;
    border: 5px dashed var(--card-author-avatar-dashed-border);
    box-shadow: 0 0 5px inset var(--card-author-avatar-groove-border);
    border-radius: 50%;
    left: 0px;
    top: 0px;
    animation: 10s linear 0s infinite normal none running borderrotate;
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-name {
    background: var(--card-author-name-background);
    color: var(--card-author-font-color);
    box-shadow: 0 0 10px inset var(--card-author-avatar-groove-border);
    position: relative;
    z-index: 0;
    height: 100px;
    display: none;
    width: 160px;
    -webkit-box-align: center;
    align-items: center;
    font-size: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px 0px 0px -25px;
    clip-path: polygon(0px 20px, 20px 0px, 100% 0px, 100% 15px, calc(100% - 15px) 25px, calc(100% - 15px) calc(100% - 25px), 100% calc(100% - 15px), 100% 100%, calc(50% + 15px) 100%, 50% calc(100% - 15px), 20px calc(100% - 15px), 0px calc(100% - 30px));
}

.card-widget.card-author .author-main-content .author-check-content label.author-info .author-name::before {
    content: "";
    position: absolute;
    height: 100px;
    width: 160px;
    background: var(--card-author-name-decoration);
    clip-path: polygon(15% 30%, 30% 30%, 35% 20%, 20% 20%, 15% 30%, 40% 30%, 45% 20%, 60% 20%, 55% 30%, 35% 30%, 65% 30%, 70% 20%, 85% 20%, 80% 30%, 15% 30%, 15% 70%, 80% 70%, 85% 80%, 20% 80%, 15% 70%, 15% 30%);
}

.card-widget.card-author .author-main-content .author-switch-content {
    width: 100%;
    height: 200px;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content {
    width: 60px;
    height: 0px;
    margin: 0px 5px;
    position: relative;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content:hover {
    cursor: var(--cursor-link), auto;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content::after {
    content: "";
    width: 60px;
    height: 20px;
    background: var(--card-author-radio);
    display: block;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]::after {
    clip-path: polygon(100% 0px, 75% 50%, 100% 100%, 25% 100%, 0px 50%, 25% 0px);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]:checked::after {
    background: var(--card-author-radio-checked);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]:checked~.author-description-box {
    clip-path: inset(0px);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]::after {
    clip-path: polygon(0px 50%, 25% 0px, 75% 0px, 100% 50%, 75% 100%, 25% 100%);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]:checked::after {
    background: var(--card-author-radio-checked);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]:checked~.author-social-box {
    clip-path: inset(0px);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]::after {
    clip-path: polygon(75% 0px, 100% 50%, 75% 100%, 0px 100%, 25% 50%, 0px 0px);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]:checked::after {
    background: var(--card-author-radio-checked);
}

.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]:checked~.author-data-box {
    clip-path: inset(0px);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.card-widget.card-author .author-main-content .author-switch-content label {
    font-family: TaikoMagic;
    display: flex;
    position: absolute;
    bottom: 0px;
    height: 160px;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    clip-path: inset(50%);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-description-box .author-description {
    word-break: break-all;
    font-size: 18px !important;
    color: var(--card-author-font-color) !important;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-social-box {
    -webkit-box-orient: vertical;
    flex-direction: column;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-social-box .card-author-button {
    color: var(--card-author-font-color) !important;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-social-box .social-icons a {
    margin: 0px 5px;
    font-size: 26px !important;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-data-box .site-data {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
}

.card-widget.card-author .author-main-content .author-switch-content label.author-data-box .site-data a {
    margin: 0px 20px;
    color: var(--card-author-font-color);
}

@-webkit-keyframes ejectrotate {
    0% {
        transform: rotateZ(90deg);
        opacity: 0;
    }
    100% {
        transform: rotateZ(0deg);
        opacity: 1;
        filter: none;
    }
}

@keyframes ejectrotate {
    0% {
        transform: rotateZ(90deg);
        opacity: 0;
    }
    100% {
        transform: rotateZ(0deg);
        opacity: 1;
        filter: none;
    }
}

@-webkit-keyframes borderrotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes borderrotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

 :root {
    --card-widget-background: rgba(80, 80, 80, 0.8);
    --card-widget-color: #fff;
    --card-widget-content-background: rgba(50, 50, 50, 0.6);
    --card-widget-content-border: rgba(117, 118, 120, 0.8);
    --card-widget-title-background: rgba(40, 40, 40, 0.95);
    --card-widget-title-color: #fff;
    --card-widget-title-corner-background: rgba(153, 54, 44, 0.8);
    --card-widget-title-corner-color: #fff;
}

[data-theme="dark"] {
    --card-widget-background: rgba(39, 66, 69, 0.6);
    --card-widget-color: #fff;
    --card-widget-content-background: rgba(23, 25, 27, 0.5);
    --card-widget-content-border: rgba(0, 78, 119, 0.5);
    --card-widget-title-background: rgba(10, 17, 35, 0.5);
    --card-widget-title-color: #004e77;
    --card-widget-title-corner-background: #37708f;
    --card-widget-title-corner-color: #92cef1;
}

.card-widget:not(.card-clock) {
    font-family: SAOUI, ZhuZiAYuanJWD;
    clip-path: polygon(0px 0px, 100% 0px, 100% 30px, calc(100% - 60px) 30px, calc(100% - 50px) 45px, calc(100% - 5px) 45px, 100% 50px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0px calc(100% - 5px), 0px 45px, 10px 30px, 0px 30px);
    background: linear-gradient(to bottom, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
    padding: 0px !important;
}

.card-widget:not(.card-clock) .item-headline {
    border-top: 8px solid var(--card-widget-title-corner-background);
    border-left: 8px solid var(--card-widget-title-corner-background);
    box-shadow: 0 0 10px var(--card-widget-content-border) inset;
    border-radius: 3px 20px;
    background: var(--card-widget-title-background);
    color: var(--card-widget-color);
    min-width: 8em;
    width: fit-content;
    clip-path: polygon(0px 0px, 55px 0px, 60px 10px, calc(100% - 15px) 10px, 100% 30px, 100% 100%, 30px 100%, 8px 30px, 0px 25px);
    padding: 0px 1em;
    margin: 0px 0px -20px;
    position: sticky;
    top: 0px;
    left: 10px;
}

.card-widget:not(.card-clock) .item-headline::after {
    content: "manxin";
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    display: block;
    right: 0px;
    line-height: 1em;
    color: var(--card-widget-title-corner-color);
    width: fit-content;
    height: 1em;
    padding: 0px 5px 0px 10px;
    background: var(--card-widget-title-corner-background);
    clip-path: polygon(5px 0px, 100% 0px, 100% 100%, 0px 100%);
}

.card-widget:not(.card-clock)#card-toc .toc-percentage {
    position: absolute;
    margin: -7px 0px 0px 10px !important;
    font-size: 26px !important;
}

.card-widget:not(.card-clock)#card-toc .toc-content {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock)#card-toc .toc-content:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock)#card-toc .toc-content .toc-link {
    color: var(--card-widget-color) !important;
}

.card-widget:not(.card-clock) .author-main-content {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock) .author-main-content:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock) .card-friend-link-container {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock) .card-friend-link-container:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock) .aside-list {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock) .aside-list:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock) .aside-list .aside-list-item .thumbnail img {
    clip-path: polygon(50% 0px, 95.5% 25%, 95.5% 75%, 50% 100%, 4.5% 75%, 4.5% 25%);
}

.card-widget:not(.card-clock) .aside-list .aside-list-item .content .title {
    color: var(--card-widget-color) !important;
}

.card-widget:not(.card-clock) .aside-list .aside-list-item .comment {
    color: var(--card-widget-color) !important;
}

.card-widget:not(.card-clock) .card-tag-cloud {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock) .card-tag-cloud:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock) .webinfo {
    position: relative;
    background: var(--card-widget-content-background);
    padding: 5px 5px 5px 8px;
    border: 2px solid var(--card-widget-content-border);
    border-radius: 10px 3px 3px 10px;
    clip-path: polygon(0px 10px, 10px 0px, calc(100% - 3px) 0px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: 0 0 5px var(--card-widget-content-border) inset;
    margin: 25px 5px 5px !important;
}

.card-widget:not(.card-clock) .webinfo:not(.card-friend-link-container)::before {
    content: "";
    width: 0px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0px;
    top: 5px;
    background: var(--card-widget-content-background);
    border-top: 5px solid var(--card-widget-content-border);
    border-right: 5px solid var(--card-widget-content-border);
    border-bottom: 5px solid var(--card-widget-content-border);
    border-left: 5px solid transparent;
    clip-path: polygon(0px 0px, 7px 5px, 7px calc(100% - 5px), 0px 100%);
}

.card-widget:not(.card-clock) .webinfo .webinfo-item {
    color: var(--card-widget-color) !important;
}

#content-inner #post .post-copyright {
    margin: 20px 0px 0px;
    font-size: 16px;
    position: relative;
    font-family: TaikoMagic;
    text-shadow: rgb(0, 0, 0) 1px 1px 3px;
}

#content-inner #post .post-copyright .post-copyright-title {
    font-size: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#content-inner #post .post-copyright .post-copyright-title span.post-copyright-original,
#content-inner #post .post-copyright .post-copyright-title span.post-copyright-transpond {
    color: rgb(63, 63, 63);
    background: rgb(206, 206, 206);
    text-shadow: rgb(255, 255, 255) 1px 1px 3px;
    padding: 3px 5px;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
}

#content-inner #post .post-copyright .post-copyright-link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#content-inner #post .post-copyright .post-copyright-link .post-copyright-url {
    margin: 0px 10px 0px 0px;
}

#content-inner #post .post-copyright .post-copyright-license {
    overflow: hidden;
    max-width: calc(100% - 140px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#content-inner #post .post-copyright .post-copyright-decoration {
    position: absolute;
    font-size: 140px;
    line-height: 140px;
    right: 22px;
    top: calc(50% - 65px);
    opacity: 0.3;
    z-index: -1;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    #content-inner #post .post-copyright .post-copyright-decoration {
        display: none;
    }
    #content-inner #post .post-copyright .post-copyright-license {
        max-width: 100%;
        -webkit-line-clamp: 3;
    }
}

 :root {
    --hr-line-color: #e91417;
}

[data-theme="dark"] {
    --hr-line-color: #4db7d5;
}

hr {
    position: relative;
    margin: 40px auto;
    display: block;
    height: 20px;
    width: 100%;
    background: 0px 0px;
    border: none;
}

hr:hover::before {
    clip-path: polygon(0px 0px, 60px 100%, calc(100% - 30px) 100%, 100% 50%, calc(100% - 15px) 50%, calc(100% - 35px) calc(100% - 5px), 65px calc(100% - 5px), 15px 0px);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

hr:hover::after {
    clip-path: polygon(0px 50%, 35px 0px, calc(100% - 60px) 0px, 100% 100%, calc(100% - 15px) 100%, calc(100% - 65px) 5px, 35px 5px, 15px 50%);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

hr::before {
    display: block;
    content: "";
    height: 20px;
    width: calc(50% + 60px);
    left: 0px;
    position: absolute;
    background: linear-gradient(to left, var(--hr-line-color), transparent);
    clip-path: polygon(0px 100%, 60px 0px, calc(100% - 30px) 0px, 100% 50%, calc(100% - 15px) 50%, calc(100% - 35px) 5px, 65px 5px, 15px 100%);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

hr::after {
    display: block;
    content: "";
    height: 20px;
    width: calc(50% + 60px);
    right: 0px;
    position: absolute;
    background: linear-gradient(to right, var(--hr-line-color), transparent);
    clip-path: polygon(0px 50%, 35px 100%, calc(100% - 60px) 100%, 100% 0px, calc(100% - 15px) 0px, calc(100% - 65px) calc(100% - 5px), 35px calc(100% - 5px), 15px 50%);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

 :root {
    --ark-post-item-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
    --ark-post-item-border: rgba(153, 54, 44, 0.8);
    --ark-post-item-background: rgba(67, 66, 65, 0.8);
    --ark-post-item-screen: rgba(61, 146, 204, 0.6);
    --ark-post-item-font-color: #fff;
    --ark-post-item-font-hover: #d97f17;
    --ark-post-item-box-shadow: rgba(111, 160, 225, 0.8);
    --ark-post-item-text-shadow: rgba(50, 51, 50, 0.7);
}

[data-theme="dark"] {
    --ark-post-item-border: rgba(55, 112, 143, 0.8);
    --ark-post-item-background: rgba(47, 66, 70, 0.8);
    --ark-post-item-screen: rgba(61, 146, 204, 0.6);
    --ark-post-item-font-color: #e9e9e9;
    --ark-post-item-font-hover: #887fb9;
    --ark-post-item-box-shadow: rgba(17, 170, 235, 0.8);
    --ark-post-item-text-shadow: rgba(50, 51, 50, 0.7);
}

.recent-post-item#gitcalendarBar {
    background: 0px 0px !important;
}

.recent-post-item#gitcalendarBar div#git_container {
    background: var(--ark-post-item-background);
    border-radius: 15px;
}

.recent-post-item {
    margin: 30px 0px;
}

.recent-post-item.ark-post-card {
    z-index: 0;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    background: 0px 0px;
}

.recent-post-item.ark-post-card .recent-post-item-headline {
    display: flex;
    width: 100%;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    font-family: UnidreamLED, TaikoMagic;
}

.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time {
    top: 20px;
    transition: var(--ark-post-item-transition);
    width: fit-content;
    height: 40px;
    background: var(--ark-post-item-background);
    color: var(--ark-post-item-font-color);
    padding: 5px 15px;
    font-size: 15px;
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 5px groove var(--ark-post-item-border);
    transform: skewX(45deg);
    clip-path: polygon(0px 50%, 35px 5px, 50% 5px, 50% 0px, 100% 0px, 100% 50%, calc(100% - 35px) calc(100% - 5px), 50% calc(100% - 5px), 50% 100%, 0px 100%);
}

.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time * {
    transform: skewX(-45deg);
    margin: 0px 3px;
}

.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky {
    left: 20px;
    bottom: 0px;
    display: flex;
    position: absolute;
    background: var(--ark-post-item-background);
    border-color: var(--ark-post-item-border);
    font-size: 14px;
    z-index: 3;
    height: 18px;
    line-height: 14px;
    transition: var(--ark-post-item-transition);
    transform: skewX(-45deg);
    clip-path: inset(0px calc(100% - 25px) 0px 0px);
    border-width: 1px 10px 0px 30px;
    border-style: solid dashed solid groove;
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky * {
    transform: skewX(45deg);
    margin: 0px 2px;
    color: var(--ark-post-item-font-color);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky:hover {
    clip-path: inset(0px);
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky:hover~.recent-post-time {
    top: 40px;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments {
    right: 20px;
    bottom: 0px;
    display: flex;
    position: absolute;
    background: var(--ark-post-item-background);
    border-color: var(--ark-post-item-border);
    font-size: 14px;
    z-index: 3;
    height: 18px;
    line-height: 14px;
    transition: var(--ark-post-item-transition);
    transform: skewX(45deg);
    clip-path: inset(0px 0px 0px calc(100% - 25px));
    border-width: 1px 30px 0px 10px;
    border-style: solid groove solid dashed;
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments * {
    transform: skewX(-45deg);
    margin: 0px 2px;
    color: var(--ark-post-item-font-color);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments:hover {
    clip-path: inset(0px);
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments:hover~.recent-post-time {
    top: 40px;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline {
    display: flex;
    width: 100%;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    font-family: UnidreamLED, TaikoMagic;
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time {
    bottom: 20px;
    transition: var(--ark-post-item-transition);
    width: fit-content;
    height: 40px;
    background: var(--ark-post-item-background);
    color: var(--ark-post-item-font-color);
    padding: 5px 15px;
    font-size: 15px;
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 5px groove var(--ark-post-item-border);
    transform: skewX(45deg);
    clip-path: polygon(0px 50%, 35px 5px, 50% 5px, 50% 0px, 100% 0px, 100% 50%, calc(100% - 35px) calc(100% - 5px), 50% calc(100% - 5px), 50% 100%, 0px 100%);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time * {
    transform: skewX(-45deg);
    margin: 0px 3px;
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories {
    left: 20px;
    top: 0px;
    display: flex;
    position: absolute;
    background: var(--ark-post-item-background);
    border-color: var(--ark-post-item-border);
    font-size: 14px;
    z-index: 3;
    height: 18px;
    line-height: 14px;
    transition: var(--ark-post-item-transition);
    transform: skewX(45deg);
    clip-path: inset(0px calc(100% - 30px) 0px 0px);
    border-width: 0px 10px 1px 30px;
    border-style: solid dashed solid groove;
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories * {
    transform: skewX(-45deg);
    margin: 0px 2px;
    color: var(--ark-post-item-font-color);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories:hover {
    clip-path: inset(0px);
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories:hover~.recent-post-time {
    bottom: 40px;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags {
    right: 20px;
    top: 0px;
    display: flex;
    position: absolute;
    background: var(--ark-post-item-background);
    border-color: var(--ark-post-item-border);
    font-size: 14px;
    z-index: 3;
    height: 18px;
    line-height: 14px;
    transition: var(--ark-post-item-transition);
    transform: skewX(-45deg);
    clip-path: inset(0px 0px 0px calc(100% - 30px));
    border-width: 0px 30px 1px 10px;
    border-style: solid groove solid dashed;
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags * {
    transform: skewX(45deg);
    margin: 0px 2px;
    color: var(--ark-post-item-font-color);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags :hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags:hover {
    clip-path: inset(0px);
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags:hover~.recent-post-time {
    bottom: 40px;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-content {
    display: flex;
    z-index: 0;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: 0px 0px;
    position: relative;
}

.recent-post-item.ark-post-card .recent-post-content:hover a.recent-post-description {
    transform: rotateX(0deg);
    transition: var(--ark-post-item-transition) 0.5s;
}

.recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
    background: var(--ark-post-item-background);
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-content .recent-post-cover img.article-cover {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.recent-post-item.ark-post-card .recent-post-content .recent-post-info {
    background: var(--ark-post-item-background);
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    transition: var(--ark-post-item-transition);
}

.recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
    font-size: 24px;
    text-align: center;
    color: var(--ark-post-item-font-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link:hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-content svg.ark-decoration {
    position: absolute;
    z-index: 0;
    opacity: 0.3;
    color: var(--ark-post-item-font-color);
    width: 150px;
    height: 150px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
}

.recent-post-item.ark-post-card .recent-post-content svg.ark-decoration:hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
    z-index: 1;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--ark-post-item-screen);
    border-radius: 5px;
    box-shadow: 0 0 10px var(--ark-post-item-box-shadow);
    transform: rotateX(90deg);
    transition: var(--ark-post-item-transition);
    padding: 20px;
}

.recent-post-item.ark-post-card .recent-post-content a.recent-post-description .article-content-text {
    color: var(--ark-post-item-font-color);
    text-shadow: 3px 3px 3px var(--ark-post-item-text-shadow);
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

@media screen and (min-width: 900px) {
    .recent-post-item#gitcalendarBar {
        position: relative;
        padding: 30px !important;
    }
    .recent-post-item#gitcalendarBar::before {
        width: 100%;
        z-index: 3;
        height: 100%;
        left: 0px;
        top: 0px;
        content: "";
        background: var(--ark-post-item-border);
        position: absolute;
        clip-path: polygon(50% 50%, 35px 50%, 30px calc(50% - 5px), 30px 50%, 25px 50%, 25px calc(50% - 25px), 15px calc(50% - 30px), 15px 10px, 30px 0px, 10px 0px, 0px 10px, 0px calc(100% - 10px), 10px 100%, 30px 100%, 15px calc(100% - 10px), 15px calc(50% + 30px), 25px calc(50% + 25px), 25px 50%, 30px 50%, 30px calc(50% + 5px), 35px 50%, 50% 50%, calc(100% - 35px) 50%, calc(100% - 30px) calc(50% - 5px), calc(100% - 30px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 25px), calc(100% - 15px) calc(50% - 30px), calc(100% - 15px) 10px, calc(100% - 30px) 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 30px) 100%, calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(50% + 30px), calc(100% - 25px) calc(50% + 25px), calc(100% - 25px) 50%, calc(100% - 30px) 50%, calc(100% - 30px) calc(50% + 5px), calc(100% - 35px) 50%, 50% 50%);
    }
    .recent-post-item.ark-post-card {
        width: 100%;
        height: 320px;
        padding: 0px 30px;
    }
    .recent-post-item.ark-post-card::before {
        width: 100%;
        z-index: 3;
        height: 100%;
        left: 0px;
        top: 0px;
        content: "";
        background: var(--ark-post-item-border);
        position: absolute;
        clip-path: polygon(50% 50%, 35px 50%, 30px calc(50% - 5px), 30px 50%, 25px 50%, 25px calc(50% - 25px), 15px calc(50% - 30px), 15px 10px, 30px 0px, 10px 0px, 0px 10px, 0px calc(100% - 10px), 10px 100%, 30px 100%, 15px calc(100% - 10px), 15px calc(50% + 30px), 25px calc(50% + 25px), 25px 50%, 30px 50%, 30px calc(50% + 5px), 35px 50%, 50% 50%, calc(100% - 35px) 50%, calc(100% - 30px) calc(50% - 5px), calc(100% - 30px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 25px), calc(100% - 15px) calc(50% - 30px), calc(100% - 15px) 10px, calc(100% - 30px) 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 30px) 100%, calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(50% + 30px), calc(100% - 25px) calc(50% + 25px), calc(100% - 25px) 50%, calc(100% - 30px) 50%, calc(100% - 30px) calc(50% + 5px), calc(100% - 35px) 50%, 50% 50%);
    }
    .recent-post-item.ark-post-card .recent-post-content {
        width: 100%;
        height: 240px;
    }
    .recent-post-item.ark-post-card .recent-post-content.both:hover .recent-post-cover,
    .recent-post-item.ark-post-card .recent-post-content.left:hover .recent-post-cover {
        clip-path: polygon(0px 50%, 10px calc(50% - 5px), 30% calc(50% - 5px), 40% 0px, 0px 0px, 0px 100%, 40% 100%, 30% calc(50% + 5px), 10px calc(50% + 5px));
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content.both:hover .recent-post-info,
    .recent-post-item.ark-post-card .recent-post-content.left:hover .recent-post-info {
        clip-path: polygon(100% 50%, calc(100% - 10px) calc(50% - 5px), 70% calc(50% - 5px), 60% 0px, 100% 0px, 100% 100%, 60% 100%, 70% calc(50% + 5px), calc(100% - 10px) calc(50% + 5px));
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content.right:hover .recent-post-cover {
        clip-path: polygon(100% 50%, calc(100% - 10px) calc(50% - 5px), 70% calc(50% - 5px), 60% 0px, 100% 0px, 100% 100%, 60% 100%, 70% calc(50% + 5px), calc(100% - 10px) calc(50% + 5px));
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content.right:hover .recent-post-info {
        clip-path: polygon(0px 50%, 10px calc(50% - 5px), 30% calc(50% - 5px), 40% 0px, 0px 0px, 0px 100%, 40% 100%, 30% calc(50% + 5px), 10px calc(50% + 5px));
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
        width: 50%;
        height: 240px;
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
        width: 50%;
        height: 240px;
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
        font-size: 24px;
    }
    .recent-post-item.ark-post-card .recent-post-content.both .recent-post-cover,
    .recent-post-item.ark-post-card .recent-post-content.left .recent-post-cover {
        left: 0px;
        top: 0px;
        border-radius: 15px 0px 0px 15px;
        clip-path: polygon(calc(100% - 80px) 50%, calc(100% - 50px) calc(50% - 30px), 100% calc(50% - 30px), 100% 0px, 0px 0px, 0px 100%, 100% 100%, 100% calc(50% + 30px), calc(100% - 50px) calc(50% + 30px));
    }
    .recent-post-item.ark-post-card .recent-post-content.both .recent-post-info,
    .recent-post-item.ark-post-card .recent-post-content.left .recent-post-info {
        right: 0px;
        top: 0px;
        border-radius: 0px 15px 15px 0px;
        clip-path: polygon(80px 50%, 50px calc(50% - 30px), 0px calc(50% - 30px), 0px 0px, 100% 0px, 100% 100%, 0px 100%, 0px calc(50% + 30px), 50px calc(50% + 30px));
    }
    .recent-post-item.ark-post-card .recent-post-content.both .recent-post-info .article-title-link,
    .recent-post-item.ark-post-card .recent-post-content.left .recent-post-info .article-title-link {
        margin: 0px 20px 0px 80px;
    }
    .recent-post-item.ark-post-card .recent-post-content.right .recent-post-cover {
        right: 0px;
        top: 0px;
        border-radius: 0px 15px 15px 0px;
        clip-path: polygon(80px 50%, 50px calc(50% - 30px), 0px calc(50% - 30px), 0px 0px, 100% 0px, 100% 100%, 0px 100%, 0px calc(50% + 30px), 50px calc(50% + 30px));
    }
    .recent-post-item.ark-post-card .recent-post-content.right .recent-post-info {
        left: 0px;
        top: 0px;
        border-radius: 15px 0px 0px 15px;
        clip-path: polygon(calc(100% - 80px) 50%, calc(100% - 50px) calc(50% - 30px), 100% calc(50% - 30px), 100% 0px, 0px 0px, 0px 100%, 100% 100%, 100% calc(50% + 30px), calc(100% - 50px) calc(50% + 30px));
    }
    .recent-post-item.ark-post-card .recent-post-content.right .recent-post-info .article-title-link {
        margin: 0px 80px 0px 20px;
    }
    .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
        height: 200px;
        margin: 20px 0px;
        width: 60%;
        clip-path: polygon(0px 50%, 40px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 40px 100%);
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    #recent-posts {
        display: flex;
        -webkit-box-orient: horizontal;
        flex-flow: row wrap;
    }
    #recent-posts #pagination {
        width: 100%;
    }
    #recent-posts .recent-post-item.ark-post-card {
        width: 48%;
        height: 360px;
        margin: 0px 1% 30px;
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-time .article-meta-label {
        display: none;
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content {
        width: 100%;
        height: 280px;
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-cover {
        clip-path: polygon(30% 30px, 20px 30px, 20px calc(100% - 15px), 0px 100%, 0px 0px, 50% 0px, calc(100% - 45px) 0px, calc(100% - 60px) 15px, calc(30% + 10px) 15px);
        transition: var(--ark-post-item-transition);
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-info {
        clip-path: polygon(70% calc(100% - 30px), calc(100% - 20px) calc(100% - 30px), calc(100% - 20px) 15px, 100% 0px, 100% 100%, 50% 100%, 45px 100%, 60px calc(100% - 15px), calc(70% - 10px) calc(100% - 15px));
        transition: var(--ark-post-item-transition);
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
        width: 100%;
        height: 140px;
        left: 0px;
        top: 0px;
        border-radius: 15px 15px 0px 0px;
        clip-path: polygon(50% calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 45px) 100%, 0px 100%, 0px 0px, 100% 0px, 100% 100%, calc(50% + 45px) 100%, calc(50% + 30px) calc(100% - 30px));
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
        width: 100%;
        height: 140px;
        left: 0px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        clip-path: polygon(50% 30px, calc(50% - 30px) 30px, calc(50% - 45px) 0px, 0px 0px, 0px 100%, 100% 100%, 100% 0px, calc(50% + 45px) 0px, calc(50% + 30px) 30px);
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
        margin: 10px;
        font-size: 18px;
    }
    #recent-posts .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
        height: 200px;
        margin: 40px 0px;
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .recent-post-item.ark-post-card {
        width: 100%;
        height: 360px;
    }
    .recent-post-item.ark-post-card .recent-post-time .article-meta-label {
        display: none;
    }
    .recent-post-item.ark-post-card .recent-post-content {
        width: 100%;
        height: 280px;
    }
    .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-cover {
        clip-path: polygon(30% 30px, 20px 30px, 20px calc(100% - 15px), 0px 100%, 0px 0px, 50% 0px, calc(100% - 45px) 0px, calc(100% - 60px) 15px, calc(30% + 10px) 15px);
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-info {
        clip-path: polygon(70% calc(100% - 30px), calc(100% - 20px) calc(100% - 30px), calc(100% - 20px) 15px, 100% 0px, 100% 100%, 50% 100%, 45px 100%, 60px calc(100% - 15px), calc(70% - 10px) calc(100% - 15px));
        transition: var(--ark-post-item-transition);
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
        width: 100%;
        height: 140px;
        left: 0px;
        top: 0px;
        border-radius: 15px 15px 0px 0px;
        clip-path: polygon(50% calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 45px) 100%, 0px 100%, 0px 0px, 100% 0px, 100% 100%, calc(50% + 45px) 100%, calc(50% + 30px) calc(100% - 30px));
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
        width: 100%;
        height: 140px;
        left: 0px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        clip-path: polygon(50% 30px, calc(50% - 30px) 30px, calc(50% - 45px) 0px, 0px 0px, 0px 100%, 100% 100%, 100% 0px, calc(50% + 45px) 0px, calc(50% + 30px) 30px);
    }
    .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
        margin: 10px;
        font-size: 18px;
    }
    .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
        height: 200px;
        margin: 40px 0px;
        width: 70%;
    }
}

 :root {
    --ark-menu-background: rgba(80, 80, 80, 0.4);
    --ark-menu-border: rgba(153, 54, 44, 0.8);
}

[data-theme="dark"] {
    --ark-menu-background: rgba(61, 147, 204, 0.4);
    --ark-menu-border: rgba(153, 54, 44, 0.8);
}

#ark-menu-box {
    position: fixed;
    z-index: 1001;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#ark-menu-box * {
    transition: all 0.5s linear 0s;
}

#ark-menu-box.arksink {
    z-index: -1000;
}

#ark-menu-box .ark-menu-horizontal-left {
    display: block;
    position: fixed;
    left: calc(50% - 550px);
    top: calc(50% - 200px);
    opacity: 1;
    filter: none;
    transition: opacity 0.3s linear 0s;
}

#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line {
    display: block;
    height: 400px;
    position: relative;
    width: 23px;
    background: repeating-linear-gradient(to top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 9.91%);
    animation: 2s ease-in-out 0s infinite alternate none running horizontal-left-move;
}

#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line::before {
    content: "";
    position: absolute;
    height: 400px;
    left: 0px;
    top: 3%;
    width: 4px;
    background: repeating-linear-gradient(to top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 3%, transparent 3.01%, transparent 9.91%);
    clip-path: inset(53% 0px 0px);
}

#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line::after {
    content: "";
    position: absolute;
    height: 400px;
    left: 0px;
    bottom: 3%;
    width: 4px;
    background: repeating-linear-gradient(to top, transparent 0px, transparent 6.9%, rgb(255, 255, 255) 6.91%, rgb(255, 255, 255) 9.91%);
    clip-path: inset(0px 0px 53%);
}

#ark-menu-box .ark-menu-horizontal-right {
    display: block;
    position: fixed;
    right: calc(50% - 550px);
    top: calc(50% - 200px);
    opacity: 1;
    filter: none;
    transition: opacity 0.3s linear 0s;
}

#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line {
    display: block;
    height: 400px;
    position: relative;
    width: 23px;
    background: repeating-linear-gradient(to top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 9.91%);
    animation: 2s ease-in-out 0s infinite alternate none running horizontal-right-move;
}

#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line::before {
    content: "";
    position: absolute;
    height: 400px;
    right: 0px;
    top: 3%;
    width: 4px;
    background: repeating-linear-gradient(to top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 3%, transparent 3.01%, transparent 9.91%);
    clip-path: inset(53% 0px 0px);
}

#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line::after {
    content: "";
    position: absolute;
    height: 400px;
    right: 0px;
    bottom: 3%;
    width: 4px;
    background: repeating-linear-gradient(to top, transparent 0px, transparent 6.9%, rgb(255, 255, 255) 6.91%, rgb(255, 255, 255) 9.91%);
    clip-path: inset(0px 0px 53%);
}

#ark-menu-box .ark-menu-horizontal-top {
    display: block;
    position: fixed;
    height: 15px;
    width: 200px;
    left: calc(50% - 100px);
    bottom: calc(50% + 120px);
    overflow-x: hidden;
    padding: 5px 0px 0px;
    opacity: 1;
    filter: none;
    transition: opacity 0.3s linear 0s;
}

#ark-menu-box .ark-menu-horizontal-top::before {
    content: "";
    height: 5px;
    width: 10px;
    display: block;
    background: rgb(255, 255, 255);
    position: absolute;
    bottom: 10px;
    left: 70%;
    clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
}

#ark-menu-box .ark-menu-horizontal-top .ark-menu-horizontal-top-line {
    height: 5px;
    width: 300px;
    position: relative;
    animation: 3s ease-in 0s infinite alternate none running horizontal-center-move;
    left: -50px;
    background: repeating-linear-gradient(to left, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 2%);
}

#ark-menu-box .ark-menu-horizontal-top .ark-menu-horizontal-top-line::before {
    content: "";
    height: 10px;
    position: absolute;
    width: 300px;
    top: 0px;
    left: 0px;
    background: repeating-linear-gradient(to left, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 10%);
}

#ark-menu-box .ark-menu-horizontal-bottom {
    display: block;
    position: fixed;
    height: 15px;
    width: 200px;
    left: calc(50% - 100px);
    top: calc(50% + 120px);
    overflow-x: hidden;
    padding: 0px 0px 5px;
    opacity: 1;
    filter: none;
    transition: opacity 0.3s linear 0s;
}

#ark-menu-box .ark-menu-horizontal-bottom::before {
    content: "";
    height: 5px;
    width: 10px;
    display: block;
    background: rgb(255, 255, 255);
    position: absolute;
    bottom: 0px;
    left: 30%;
    clip-path: polygon(0px 100%, 100% 100%, 50% 0px);
}

#ark-menu-box .ark-menu-horizontal-bottom .ark-menu-horizontal-bottom-line {
    height: 5px;
    width: 300px;
    position: relative;
    animation: 3s ease-out 0s infinite alternate none running horizontal-center-move;
    left: -50px;
    top: 5px;
    background: repeating-linear-gradient(to left, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 2%);
}

#ark-menu-box .ark-menu-horizontal-bottom .ark-menu-horizontal-bottom-line::before {
    content: "";
    height: 10px;
    position: absolute;
    width: 300px;
    bottom: 0px;
    left: 0px;
    background: repeating-linear-gradient(to left, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0.5%, transparent 0.51%, transparent 10%);
}

#ark-menu-box #ark-menu {
    clip-path: circle(100% at 50% 50%);
    transition: clip-path 0.3s linear 0.2s;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

#ark-menu-box #ark-menu::after {
    content: "";
    display: block;
    height: 120%;
    width: 126%;
    position: absolute;
    background: linear-gradient(to right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), linear-gradient(to left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    z-index: 3;
    left: -13%;
    top: -10%;
    clip-path: polygon(50% 50%, 45px 50%, 45px 45px, 60px 45px, 65px 40px, 40px 40px, 40px 65px, 45px 60px, 45px 50%, 25px 50%, 25px calc(50% - 15px), 10px calc(50% - 15px), 10px calc(50% - 10px), 25px calc(50% - 10px), 25px calc(50% - 2.5px), 0px calc(50% - 2.5px), 0px 50%, 50% 50%, 45px 50%, 45px calc(100% - 45px), 60px calc(100% - 45px), 65px calc(100% - 40px), 40px calc(100% - 40px), 40px calc(100% - 65px), 45px calc(100% - 60px), 45px 50%, 25px 50%, 25px calc(50% + 15px), 10px calc(50% + 15px), 10px calc(50% + 10px), 25px calc(50% + 10px), 25px calc(50% + 2.5px), 0px calc(50% + 2.5px), 0px 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) 45px, calc(100% - 60px) 45px, calc(100% - 65px) 40px, calc(100% - 40px) 40px, calc(100% - 40px) 65px, calc(100% - 45px) 60px, calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 15px), calc(100% - 10px) calc(50% - 15px), calc(100% - 10px) calc(50% - 10px), calc(100% - 25px) calc(50% - 10px), calc(100% - 25px) calc(50% - 2.5px), 100% calc(50% - 2.5px), 100% 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) calc(100% - 45px), calc(100% - 60px) calc(100% - 45px), calc(100% - 65px) calc(100% - 40px), calc(100% - 40px) calc(100% - 40px), calc(100% - 40px) calc(100% - 65px), calc(100% - 45px) calc(100% - 60px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% + 15px), calc(100% - 10px) calc(50% + 15px), calc(100% - 10px) calc(50% + 10px), calc(100% - 25px) calc(50% + 10px), calc(100% - 25px) calc(50% + 2.5px), 100% calc(50% + 2.5px), 100% 50%, 50% 50%);
}

#ark-menu-box #ark-menu .ark-menu-pagination {
    position: absolute;
    bottom: 20px;
}

#ark-menu-box #ark-menu .menu-item-container,
#ark-menu-box #ark-menu .menu-item-second-container {
    width: 230px;
    height: 230px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

#ark-menu-box #ark-menu .menu-item-container .site-page,
#ark-menu-box #ark-menu .menu-item-second-container .site-page {
    clip-path: polygon(40% 0px, 45% 5%, 55% 5%, 60% 0px, 100% 0px, 100% 40%, 95% 45%, 95% 55%, 100% 60%, 100% 100%, 60% 100%, 55% 95%, 45% 95%, 40% 100%, 0px 100%, 0px 60%, 5% 55%, 5% 45%, 0px 40%, 0px 0px);
    width: 230px;
    height: 230px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--ark-menu-background);
    box-shadow: rgba(233, 233, 233, 0.8) 0px 0px 0px 3px inset;
    border-radius: 50%;
    overflow: hidden;
}

#ark-menu-box #ark-menu .menu-item-container .site-page i.fa-fw,
#ark-menu-box #ark-menu .menu-item-container .site-page svg.icon,
#ark-menu-box #ark-menu .menu-item-second-container .site-page i.fa-fw,
#ark-menu-box #ark-menu .menu-item-second-container .site-page svg.icon {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0.5;
    z-index: 999;
}

#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1000;
    height: 50px;
    width: 150%;
    font-size: 30px;
    font-family: TaikoMagic;
    background: var(--ark-menu-border);
    color: rgb(255, 255, 255);
    text-shadow: rgb(34, 34, 34) 2px 2px 3px;
}

#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link:hover,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link:hover {
    color: var(--ark-post-item-font-hover);
}

#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link {
    -webkit-box-pack: center;
    justify-content: center;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-left,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left {
    position: absolute;
    top: 0px;
    left: 0px;
    clip-path: polygon(40% 0px, 45% 5%, 50% 5%, 50% 95%, 45% 95%, 40% 100%, 0px 100%, 0px 60%, 5% 55%, 5% 45%, 0px 40%, 0px 0px);
    width: 230px;
    height: 230px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--ark-menu-background);
    box-shadow: rgba(233, 233, 233, 0.8) 0px 0px 0px 3px inset;
    border-radius: 50%;
    overflow: hidden;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-left i.fa-fw,
#ark-menu-box #ark-menu .menu-item-container .site-cube-left svg.icon,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left i.fa-fw,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left svg.icon {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0.5;
    z-index: 999;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1000;
    height: 50px;
    width: 150%;
    font-size: 30px;
    font-family: TaikoMagic;
    background: var(--ark-menu-border);
    color: rgb(255, 255, 255);
    text-shadow: rgb(34, 34, 34) 2px 2px 3px;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link:hover,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link:hover {
    color: var(--ark-post-item-font-hover);
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-left: 10%;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-right,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right {
    clip-path: polygon(50% 5%, 55% 5%, 60% 0px, 100% 0px, 100% 40%, 95% 45%, 95% 55%, 100% 60%, 100% 100%, 60% 100%, 55% 95%, 50% 95%);
    display: flex;
    -webkit-box-orient: vertical;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
    overflow-y: scroll;
    height: 237px;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second {
    width: 230px;
    height: 230px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second .site-page,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second .site-page {
    position: relative;
}

#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second .site-page .site-page-link {
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 10%;
}

#ark-menu-box #ark-menu-end-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% + 210px);
    color: var(--ark-cab-border-color);
    opacity: 1;
    filter: none;
    transition: opacity 0.3s linear 0.2s;
}

#ark-menu-box #ark-menu-end-btn:hover {
    color: var(--ark-post-item-font-hover);
    transition: all 0.3s ease 0s;
}

#ark-menu-box.arkend * {
    transition: all 0.7s linear 0.3s;
}

#ark-menu-box.arkend .ark-menu-horizontal-left {
    opacity: 0;
    transition: opacity 0.3s linear 0.4s;
}

#ark-menu-box.arkend .ark-menu-horizontal-right {
    opacity: 0;
    transition: opacity 0.3s linear 0.4s;
}

#ark-menu-box.arkend .ark-menu-horizontal-top {
    opacity: 0;
    transition: opacity 0.3s linear 0.3s;
}

#ark-menu-box.arkend .ark-menu-horizontal-bottom {
    opacity: 0;
    transition: opacity 0.3s linear 0.3s;
}

#ark-menu-box.arkend #ark-menu {
    clip-path: circle(0px at 50% 50%);
    transition: clip-path 0.3s linear 0.5s;
}

#ark-menu-box.arkend #ark-menu-end-btn {
    opacity: 0;
    transition: opacity 0.2s linear 0s;
}

@-webkit-keyframes horizontal-left-move {
    0% {
        transform: skewX(5deg) translateY(10px);
    }
    100% {
        transform: skewX(5deg) translateY(-10px);
    }
}

@keyframes horizontal-left-move {
    0% {
        transform: skewX(5deg) translateY(10px);
    }
    100% {
        transform: skewX(5deg) translateY(-10px);
    }
}

@-webkit-keyframes horizontal-right-move {
    0% {
        transform: skewX(-5deg) translateY(10px);
    }
    100% {
        transform: skewX(-5deg) translateY(-10px);
    }
}

@keyframes horizontal-right-move {
    0% {
        transform: skewX(-5deg) translateY(10px);
    }
    100% {
        transform: skewX(-5deg) translateY(-10px);
    }
}

@-webkit-keyframes horizontal-center-move {
    0% {
        left: -100px;
    }
    100% {
        left: 0px;
    }
}

@keyframes horizontal-center-move {
    0% {
        left: -100px;
    }
    100% {
        left: 0px;
    }
}

.nav-fixed #ark-nav-box {
    top: -100px;
    transition: all 0.5s ease 0s;
}

.nav-fixed.nav-visible #ark-nav-box {
    top: 0px;
    transition: all 0.5s ease 0s;
}

.ark-nav-box {
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: all 0.5s ease 0s;
    top: 0px;
}

.ark-nav-box .ark-nav {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    flex-direction: column;
    position: relative;
    color: var(--ark-post-item-font-color);
    text-shadow: rgb(73, 71, 72) 1px 1px 2px;
    filter: drop-shadow(0 0 3px var(--card-widget-content-border));
}

.ark-nav-box .ark-nav a {
    color: var(--ark-post-item-font-color);
}

.ark-nav-box .ark-nav a:hover {
    color: var(--ark-post-item-font-hover);
}

.ark-nav-box .ark-nav::before {
    position: absolute;
    width: 100%;
    background: var(--card-widget-background);
    top: 0px;
    left: 0px;
    z-index: -1;
    display: block;
    content: "";
}

.ark-nav-box .ark-nav .ark-nav-message-container {
    display: flex;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather .s-sticker-tmp.module {
    color: var(--ark-post-item-font-color) !important;
    font-family: TaikoMagic !important;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather .s-sticker-city.module {
    color: var(--ark-post-item-font-color) !important;
    font-family: TaikoMagic !important;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    background: 0px 0px;
    transform: rotateX(0deg);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
    opacity: 1;
    filter: none;
    font-family: UnidreamLED, TaikoMagic;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    background: 0px 0px;
    transform: rotateX(-180deg);
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
    opacity: 0;
    font-family: TaikoMagic;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date:hover .ark-nav-message-date-box {
    transform: rotateX(180deg);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date:hover .ark-nav-message-title-box {
    transform: rotateX(0deg);
    opacity: 1;
    filter: none;
    transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17) 0s;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
    -webkit-box-pack: center;
    justify-content: center;
}

.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function .ark-nav-function {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 3px;
}

@media screen and (min-width: 768px) {
    .ark-nav-box .ark-nav {
        height: 50px;
    }
    .ark-nav-box .ark-nav::before {
        height: 100px;
        clip-path: polygon(0px 100%, 40px 100%, 60px calc(100% - 20px), 220px calc(100% - 20px), 240px calc(100% - 40px), 320px calc(100% - 40px), 380px 10px, calc(100% - 380px) 10px, calc(100% - 320px) calc(100% - 40px), calc(100% - 240px) calc(100% - 40px), calc(100% - 220px) calc(100% - 20px), calc(100% - 60px) calc(100% - 20px), calc(100% - 40px) 100%, 100% 100%, 100% 30px, calc(100% - 30px) 0px, 30px 0px, 0px 30px);
    }
    .ark-nav-box .ark-nav .ark-nav-message-container {
        height: 50px;
        width: 100%;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
        height: 50px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather {
        width: 25%;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date {
        width: 50%;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
        -webkit-box-pack: center;
        justify-content: center;
        width: 50%;
        height: 50px;
        font-size: 20px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
        -webkit-box-pack: center;
        justify-content: center;
        width: 50%;
        height: 50px;
        font-size: 20px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
        width: 25%;
    }
}

@media screen and (max-width: 768px) {
    .ark-nav-box .ark-nav {
        height: 50px;
    }
    .ark-nav-box .ark-nav::before {
        height: 100px;
        clip-path: polygon(100% 100%, calc(100% - 40px) 100%, calc(100% - 60px) calc(100% - 20px), calc(100% - 220px) calc(100% - 20px), calc(100% - 240px) calc(100% - 40px), calc(100% - 320px) calc(100% - 40px), calc(100% - 380px) 10px, 0px 10px, 0px 0px, calc(100% - 30px) 0px, 100% 30px);
    }
    .ark-nav-box .ark-nav .ark-nav-message-container {
        height: 50px;
        width: 100%;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
        height: 50px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather {
        display: none;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date {
        -webkit-box-ordinal-group: 1;
        order: 1;
        width: 80%;
        padding-right: 120px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
        -webkit-box-pack: end;
        justify-content: flex-end;
        width: 80%;
        height: 50px;
        font-size: 20px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
        -webkit-box-pack: end;
        justify-content: flex-end;
        width: 80%;
        height: 50px;
        font-size: 20px;
    }
    .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
        padding-right: 30px;
        -webkit-box-ordinal-group: 3;
        order: 3;
        width: 20%;
    }
}

 :root {
    --ark-left-border-color: #818181;
    --ark-right-border-color: #f58b49;
    --ark-container-background: rgba(50, 50, 50, 0.8);
    --ark-container-font: #fff;
}

[data-theme="dark"] {
    --ark-left-border-color: #37708f;
    --ark-right-border-color: #1849a0;
    --ark-container-background: rgba(30, 49, 55, 0.7);
    --ark-container-font: #fff;
}

#page-header.post-bg {
    height: 100px;
}

#content-inner .post-outdate-notice {
    display: block;
    border: 2px dotted red;
    padding: 5px 20px;
    border-radius: 5px;
}

#content-inner #archive,
#content-inner #category,
#content-inner #page,
#content-inner #post,
#content-inner #tag {
    position: relative;
    background: 0px 0px;
    border-radius: 10px;
    padding: 15px 5px !important;
}

#content-inner #article-container,
#content-inner #post-comment,
#content-inner .category-lists,
#content-inner .post-copyright,
#content-inner .tag-cloud-list {
    color: var(--ark-container-font);
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    background: var(--ark-container-background);
    backdrop-filter: blur(5px);
    transform: translateZ(0px);
}

@media screen and (min-width: 768px) {
    #content-inner #category,
    #content-inner #page,
    #content-inner #post,
    #content-inner #tag {
        padding: 45px 15px !important;
    }
    #content-inner #category::before,
    #content-inner #page::before,
    #content-inner #post::before,
    #content-inner #tag::before {
        content: "";
        z-index: -1;
        background: var(--ark-left-border-color);
        height: 100%;
        width: 60%;
        position: absolute;
        left: 0px;
        top: 0px;
        clip-path: polygon(calc(100% - 1px) 27px, 100% 24px, calc(100% - 30px) 24px, calc(100% - 30px) 22px, calc(100% - 45px) 12px, calc(100% - 140px) 12px, calc(100% - 127px) 22px, calc(100% - 30px) 22px, calc(100% - 30px) 24px, calc(100% - 130px) 24px, calc(100% - 143px) 12px, 39px 12px, 0px 51px, 0px calc(100% - 51px), 39px calc(100% - 12px), calc(100% - 143px) calc(100% - 12px), calc(100% - 130px) calc(100% - 24px), calc(100% - 1px) calc(100% - 24px), 100% calc(100% - 27px), calc(100% - 30px) calc(100% - 27px), calc(100% - 30px) calc(100% - 22px), calc(100% - 45px) calc(100% - 12px), calc(100% - 140px) calc(100% - 12px), calc(100% - 127px) calc(100% - 22px), calc(100% - 30px) calc(100% - 22px), calc(100% - 30px) calc(100% - 27px), calc(100% - 132px) calc(100% - 27px), calc(100% - 145px) calc(100% - 15px), 41px calc(100% - 15px), 3px calc(100% - 54px), 3px 54px, 41px 15px, calc(100% - 145px) 15px, calc(100% - 132px) 27px);
    }
    #content-inner #category::after,
    #content-inner #page::after,
    #content-inner #post::after,
    #content-inner #tag::after {
        content: "";
        z-index: -1;
        background: var(--ark-right-border-color);
        height: 100%;
        width: 40%;
        position: absolute;
        right: 0px;
        top: 0px;
        clip-path: polygon(0px 0px, 40px 23px, calc(100% - 39px) 23px, 100% 51px, 100% calc(100% - 51px), calc(100% - 39px) calc(100% - 23px), 40px calc(100% - 23px), 0px 100%, 0px calc(100% - 5px), 40px calc(100% - 27px), calc(100% - 41px) calc(100% - 27px), calc(100% - 5px) calc(100% - 53px), calc(100% - 5px) 53px, calc(100% - 41px) 27px, 42px 27px, 0px 5px);
    }
    #content-inner #article-container,
    #content-inner #post-comment,
    #content-inner .category-lists,
    #content-inner .post-copyright,
    #content-inner .tag-cloud-list {
        padding: 30px 25px;
        clip-path: polygon(20px 20px, 0px 40px, 0px calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 19px, 50% 20px, calc(50% - 20px) 0px, calc(50% - 160px) 0px, calc(50% - 180px) 20px);
    }
    #post #post-info {
        clip-path: polygon(20px 20px, 0px 40px, 0px calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 20px, calc(50% + 80px) 20px, calc(50% + 60px) 0px, calc(50% - 60px) 0px, calc(50% - 80px) 20px);
    }
}

#post #post-info {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    overflow: hidden;
    border-radius: 15px;
    margin: 0px 0px 20px;
}

#post #post-info * {
    color: var(--ark-post-item-font-color);
}

#post #post-info .ark-post-info-cover {
    height: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
}

#post #post-info .ark-post-info-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.8;
}

#post #post-info .post-meta-date {
    width: 350px;
    font-size: 16px;
    text-shadow: rgb(0, 0, 0) 2px 2px 3px;
    background: rgba(153, 54, 44, 0.8);
    font-family: UnidreamLED;
    display: flex;
    position: absolute;
    height: 30px;
    top: calc(50% - 15px);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 2;
}

#post #post-info .post-meta-date * {
    transition: all 0.3s linear 0s;
}

#post #post-info .post-meta-date .post-meta-date-item-first {
    position: absolute;
    opacity: 0;
}

#post #post-info .post-meta-date .post-meta-date-item-second {
    position: absolute;
    opacity: 1;
    filter: none;
}

#post #post-info .post-meta-date:hover .post-meta-date-item-first {
    opacity: 1;
    filter: none;
}

#post #post-info .post-meta-date:hover .post-meta-date-item-second {
    opacity: 0;
}

#post #post-info .ark-post-item-info {
    background: var(--ark-post-item-screen);
    height: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    flex-direction: column;
    overflow: hidden;
    z-index: 0;
}

#post #post-info .ark-post-item-info .ark-post-item-title {
    border-style: dotted;
    border-width: 0px 0px 3px;
    width: 100%;
    height: 100px;
    line-height: 100px;
    color: var(--ark-post-item-font-color);
    font-family: TaikoMagic;
    border-color: rgba(153, 54, 44, 0.8);
    display: block;
    overflow: hidden;
}

#post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
    float: left;
    height: 100px;
    white-space: nowrap;
    animation: 4s cubic-bezier(0.6, 0, 0.5, 1) 0s infinite alternate none running text-roll;
    min-width: 100%;
    text-align: center;
}

#post #post-info .ark-post-item-info #post-meta {
    color: var(--ark-post-item-font-color);
    text-align: start;
    height: 100px;
    width: 100%;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    place-content: flex-end;
    flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    overflow: hidden;
}

#post #post-info .ark-post-item-info #post-meta input[type="checkbox"] {
    display: none;
}

#post #post-info .ark-post-item-info #post-meta input[type="checkbox"]:checked+label {
    width: 100%;
    transition: width 0.5s ease-in-out 0s;
}

#post #post-info .ark-post-item-info #post-meta>label {
    width: 20px;
    height: 22px;
    line-height: 22px;
    max-width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    transition: width 0.5s ease-in-out 0s;
}

#post #post-info .ark-post-item-info #post-meta>label:hover {
    width: 100%;
    transition: width 0.5s ease-in-out 0s;
}

#post #post-info .ark-post-info-decoration {
    width: 150px;
    height: 150px;
    opacity: 0.3;
    position: absolute;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    z-index: -1;
}

@media screen and (min-width: 768px) {
    #post #post-info {
        clip-path: polygon(20px 20px, 0px 40px, 0px calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 20px, calc(50% + 80px) 20px, calc(50% + 60px) 0px, calc(50% - 60px) 0px, calc(50% - 80px) 20px);
    }
    #post #post-info .ark-post-info-cover {
        width: calc(25% + 100px);
        clip-path: polygon(0px 0px, 100% 0px, calc(100% - 200px) 100%, 0px 100%);
    }
    #post #post-info .post-meta-date {
        transform: rotateZ(-45deg);
        left: calc(25% - 175px);
    }
    #post #post-info .ark-post-item-info {
        width: calc(75% + 100px);
        clip-path: polygon(100% 0px, 100% 100%, 0px 100%, 200px 0px);
        padding: 0px 0px 0px 140px;
    }
    #post #post-info .ark-post-item-info .ark-post-item-title {
        padding: 10px 10px 0px 20px;
    }
    #post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
        font-size: 36px;
    }
    #post #post-info .ark-post-item-info #post-meta {
        padding: 0px 20px 20px 0px;
        font-size: 16px;
        line-height: 1;
    }
}

@media screen and (max-width: 768px) {
    #post #post-info .ark-post-info-cover {
        width: calc(25% + 50px);
        clip-path: polygon(0px 0px, 100% 0px, calc(100% - 100px) 100%, 0px 100%);
    }
    #post #post-info .post-meta-date {
        transform: rotateZ(-60deg);
        left: calc(25% - 175px);
    }
    #post #post-info .ark-post-item-info {
        width: calc(75% + 50px);
        clip-path: polygon(100% 0px, 100% 100%, 0px 100%, 100px 0px);
        padding: 0px 0px 0px 60px;
    }
    #post #post-info .ark-post-item-info .ark-post-item-title {
        padding: 0px 20px 0px 40px;
    }
    #post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
        font-size: 32px;
    }
    #post #post-info .ark-post-item-info #post-meta {
        padding: 0px 15px 20px 5px;
        font-size: 16px;
        line-height: 20px;
    }
}

 :root {
    --rightside-background: rgba(14, 14, 14, 0.95);
    --rightside-background-hover: rgba(180, 50, 35, 0.95);
    --rightside-font-color: #fff;
    --rightside-box-shadow: #888;
    --rightside-icon-background: rgba(101, 103, 107, 0.6);
    --rightside-icon-color: #fff;
    --rightside-icon-shadow: #262728;
    --rightside-corner-background: #c27314;
    --rightside-corner-color: #cdcdcd;
    --rightside-corner-shadow: #222;
    --rightside-m-background-color: #2e302f;
    --rightside-m-border-color: #be7321;
    --rightside-m-icon-color: #fff;
    --rightside-m-icon-background: #707472;
    --rightside-m-icon-border-color: #464a58;
    --rightside-m-hover-color: #8c2c20;
    --rightside-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}

[data-theme="dark"] {
    --rightside-background: rgba(35, 50, 68, 0.75);
    --rightside-background-hover: rgba(54, 124, 197, 0.9);
    --rightside-font-color: #fff;
    --rightside-box-shadow: #2983be;
    --rightside-icon-background: rgba(45, 45, 60, 0.6);
    --rightside-icon-color: #2983be;
    --rightside-icon-shadow: #191a19;
    --rightside-corner-background: #2983be;
    --rightside-corner-color: #fff;
    --rightside-corner-shadow: #222;
    --rightside-m-background-color: #2e302f;
    --rightside-m-border-color: #2556ab;
    --rightside-m-icon-color: #fff;
    --rightside-m-icon-background: #707472;
    --rightside-m-icon-border-color: #141e29;
    --rightside-m-hover-color: rgba(40, 42, 45, 0.9);
}

#rightside {
    font-family: SAOUI, TaikoMagic, ZhuZiAYuanJWD;
    position: fixed;
    z-index: 100;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

#rightside #rightside-config-hide {
    height: 0px;
    opacity: 0;
    transition: transform 0.4s ease 0s;
    transform: translate(100%, 0px);
}

#rightside #rightside-config-hide.show {
    height: auto;
    opacity: 1;
    filter: none;
    transform: translate(0px, 0px);
}

#rightside #rightside-config-hide.status {
    height: auto;
    opacity: 1;
    filter: none;
}

#rightside>div>a,
#rightside>div>button,
#rightside>div>label {
    text-align: center;
    font-size: 16px;
}

#rightside #mobile-toc-button {
    display: none;
}

@media screen and (max-width: 900px) {
    #rightside #mobile-toc-button {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    #rightside #hide-aside-btn {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    #rightside {
        bottom: 60px;
        right: -48px;
    }
    #rightside:hover>div>a,
    #rightside:hover>div>button,
    #rightside:hover>div>label {
        transform: rotateZ(0deg);
        transform-origin: right center;
        transition: transform 0.4s ease 0s;
    }
    #rightside:hover>div>a i,
    #rightside:hover>div>a svg,
    #rightside:hover>div>button i,
    #rightside:hover>div>button svg,
    #rightside:hover>div>label i,
    #rightside:hover>div>label svg {
        transform: rotateZ(0deg);
        transition: transform 0.4s ease 0s;
    }
    #rightside:hover>div>a span,
    #rightside:hover>div>button span,
    #rightside:hover>div>label span {
        opacity: 1;
        filter: none;
        clip-path: inset(0px);
        transition: all 0.3s ease 0.2s;
    }
    #rightside>div>a,
    #rightside>div>button,
    #rightside>div>label {
        display: flex;
        margin-bottom: 5px;
        position: relative;
        padding: 6px 15px 0px 0px;
        width: 135px;
        height: 50px;
        transform: rotateZ(-90deg);
        transform-origin: right center;
        transition: transform 0.4s ease 0s;
        background-color: var(--rightside-background);
        color: var(--rightside-font-color);
        clip-path: polygon(100% 0px, 60px 0px, 50px 10px, 30px 10px, 0px 40px, 0px 100%, 50px 100%, 60px 40px, calc(100% - 10px) 40px, 100% 30px);
        box-shadow: 1px 0 5px var(--rightside-box-shadow) inset;
        border-radius: 35px 0px 30px;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    #rightside>div>a i,
    #rightside>div>a svg,
    #rightside>div>button i,
    #rightside>div>button svg,
    #rightside>div>label i,
    #rightside>div>label svg {
        transform: rotateZ(90deg);
        transition: transform 0.4s ease 0s;
        background: var(--rightside-icon-shadow);
        border: 1px solid var(--rightside-icon-color);
        box-shadow: 0 0 10px var(--rightside-icon-shadow) inset;
        color: var(--rightside-icon-color);
        border-radius: 50%;
        width: 27px;
        height: 27px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        padding: 5px;
    }
    #rightside>div>a span,
    #rightside>div>button span,
    #rightside>div>label span {
        margin: 10px 3px 0px 0px;
        text-shadow: 1px 2px 3px var(--rightside-box-shadow);
        line-height: 1em;
        opacity: 0;
        clip-path: inset(50%);
        transition: all 0.4s ease 0s;
    }
    #rightside>div>a::before,
    #rightside>div>button::before,
    #rightside>div>label::before {
        content: "manxin";
        font-size: 12px;
        display: flex;
        box-shadow: 0 0 2px var(--rightside-corner-shadow) inset;
        width: 35px;
        padding: 0px 0px 0px 7px;
        height: 12px;
        line-height: 12px;
        position: absolute;
        background: var(--rightside-corner-background);
        color: var(--rightside-corner-color);
        bottom: -1px;
        left: -1px;
        -webkit-box-align: end;
        align-items: flex-end;
        clip-path: polygon(0px 0px, calc(100% - 10px) 0px, 100% 100%, 0px 100%);
    }
    #rightside>div>a::after,
    #rightside>div>button::after,
    #rightside>div>label::after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        background: var(--rightside-icon-color);
        top: -1px;
        right: -1px;
        clip-path: polygon(50% 0px, 100% 0px, 100% 50%, 85% 50%, 85% 15%, 50% 15%, 55% 0px, 27% 0px, 27% 30%, 27% 57%, 0px 57%, 0px 70%, 27% 70%, 27% 100%, 40% 100%, 40% 70%, 70% 70%, 70% 57%, 40% 57%, 40% 30%, 27% 30%, 27% 0px);
    }
    #rightside>div>a:hover,
    #rightside>div>button:hover,
    #rightside>div>label:hover {
        background: var(--rightside-background-hover);
    }
    #rightside>div>a:hover i,
    #rightside>div>button:hover i,
    #rightside>div>label:hover i {
        color: var(--rightside-background-hover);
    }
}

@media screen and (max-width: 900px) {
    #rightside {
        bottom: 150px;
        right: -48px;
    }
    #rightside>div>a,
    #rightside>div>button,
    #rightside>div>label {
        display: block;
        background: var(--rightside-m-background-color);
        position: relative;
        margin-bottom: 10px;
        border-radius: 3px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    #rightside>div>a i,
    #rightside>div>a svg,
    #rightside>div>button i,
    #rightside>div>button svg,
    #rightside>div>label i,
    #rightside>div>label svg {
        background: var(--rightside-m-icon-background);
        color: var(--rightside-m-icon-color);
        width: 25px;
        height: 25px;
        padding: 3px;
        border: 2px solid var(--rightside-m-icon-border-color);
        border-radius: 50%;
    }
    #rightside>div>a span,
    #rightside>div>button span,
    #rightside>div>label span {
        display: none;
    }
    #rightside>div>a::before,
    #rightside>div>button::before,
    #rightside>div>label::before {
        content: "";
        z-index: 2;
        background: var(--rightside-m-border-color);
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0px;
        top: 0px;
        clip-path: polygon(50% 50%, 50% 10px, calc(50% - 3px) 10px, calc(50% - 5px) 0px, calc(50% + 5px) 0px, calc(50% + 3px) 10px, 50% 10px, 50% 50%, 50% calc(100% - 10px), calc(50% - 3px) calc(100% - 10px), calc(50% - 5px) 100%, calc(50% + 5px) 100%, calc(50% + 3px) calc(100% - 10px), 50% calc(100% - 10px), 50% 50%, 10px 50%, 10px calc(50% - 3px), 0px calc(50% - 5px), 0px calc(50% + 5px), 10px calc(50% + 3px), 10px 50%, 50% 50%, calc(100% - 10px) 50%, calc(100% - 10px) calc(50% - 3px), 100% calc(50% - 5px), 100% calc(50% + 5px), calc(100% - 10px) calc(50% + 3px), calc(100% - 10px) 50%, 50% 50%);
        transition: var(--rightside-transition);
    }
    #rightside>div>a::after,
    #rightside>div>button::after,
    #rightside>div>label::after {
        content: "";
        z-index: 1;
        background: var(--rightside-m-icon-background);
        width: 35px;
        height: 35px;
        position: absolute;
        border-radius: 3px;
        left: 0px;
        top: 0px;
        clip-path: polygon(10% 100%, 10% 0px, 0px 0px, 0px 100%, 10% 100%, 35% 100%, 40% 94%, 60% 94%, 65% 100%, 35% 100%, 35% 0px, 40% 6%, 60% 6%, 60% 0px, 35% 0px, 35% 100%, 90% 100%, 90% 0px, 100% 0px, 100% 100%, 35% 100%);
    }
    #rightside>div>a:hover,
    #rightside>div>button:hover,
    #rightside>div>label:hover {
        background: var(--rightside-m-hover-color);
    }
    #rightside>div>a:hover::before,
    #rightside>div>button:hover::before,
    #rightside>div>label:hover::before {
        left: -8px;
        top: -8px;
        width: 49px;
        height: 49px;
        transform: rotateZ(45deg);
        transition: var(--rightside-transition);
    }
}

.recent-post-item#swiperBar {
    width: 100%;
    position: relative;
}

.recent-post-item#swiperBar #ark-swiper-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper {
    width: 100%;
    height: 200px;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 3px inset var(--ark-post-item-box-shadow);
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
    height: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.8;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
    width: 350px;
    color: var(--ark-post-item-font-color);
    font-size: 25px;
    text-shadow: rgb(0, 0, 0) 2px 2px 3px;
    background: rgba(153, 54, 44, 0.8);
    font-family: UnidreamLED;
    display: flex;
    position: absolute;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 175px);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 2;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time span {
    margin: 0px 3px;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
    background: var(--ark-post-item-screen);
    height: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    flex-direction: column;
    overflow: hidden;
    z-index: 0;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
    border-style: dotted;
    border-width: 0px 0px 3px;
    width: 100%;
    height: 80px;
    color: var(--ark-post-item-font-color);
    font-family: TaikoMagic;
    border-color: rgba(153, 54, 44, 0.8);
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link:hover {
    transition: all 0.3s ease 0s;
    color: var(--ark-post-item-font-hover);
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
    color: var(--ark-post-item-font-color);
    display: flex;
    text-align: start;
    height: 130px;
    -webkit-box-align: center;
    align-items: center;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-decoration {
    width: 150px;
    height: 150px;
    opacity: 0.3;
    position: absolute;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    z-index: -1;
}

.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-pagination {
    bottom: 5px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

@media screen and (min-width: 768px) {
    .recent-post-item#swiperBar {
        height: 260px;
        padding: 30px;
    }
    .recent-post-item#swiperBar::before {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: var(--ark-post-item-border);
        z-index: 3;
        left: 0px;
        top: 0px;
        clip-path: polygon(50% 50%, 50% 0px, calc(50% - 10px) 0px, 30% 0px, calc(30% - 10px) 10px, 10px 15px, 0px 25px, 25px 25px, 30px 20px, calc(30% + 10px) 20px, calc(30% + 20px) 10px, calc(50% - 30px) 10px, calc(50% - 10px) 0px, 50% 0px, 50% 50%, 50% 0px, calc(50% + 10px) 0px, 70% 0px, calc(70% + 10px) 10px, calc(100% - 10px) 15px, 100% 25px, calc(100% - 25px) 25px, calc(100% - 30px) 20px, calc(70% - 10px) 20px, calc(70% - 20px) 10px, calc(50% + 30px) 10px, calc(50% + 10px) 0px, 50% 0px, 50% 50%, 50% 100%, calc(50% - 10px) 100%, 30% 100%, calc(30% - 10px) calc(100% - 10px), 10px calc(100% - 15px), 0px calc(100% - 25px), 25px calc(100% - 25px), 30px calc(100% - 20px), calc(30% + 10px) calc(100% - 20px), calc(30% + 20px) calc(100% - 10px), calc(50% - 30px) calc(100% - 10px), calc(50% - 10px) 100%, 50% 100%, 50% 50%, 50% 100%, calc(50% + 10px) 100%, 70% 100%, calc(70% + 10px) calc(100% - 10px), calc(100% - 10px) calc(100% - 15px), 100% calc(100% - 25px), calc(100% - 25px) calc(100% - 25px), calc(100% - 30px) calc(100% - 20px), calc(70% - 10px) calc(100% - 20px), calc(70% - 20px) calc(100% - 10px), calc(50% + 30px) calc(100% - 10px), calc(50% + 10px) 100%, 50% 100%, 50% 50%);
    }
    .recent-post-item#swiperBar::after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: linear-gradient(to right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), linear-gradient(to left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
        z-index: 3;
        left: 0px;
        top: 0px;
        clip-path: polygon(50% 50%, 45px 50%, 45px 45px, 60px 45px, 65px 40px, 40px 40px, 40px calc(50% - 10px), 45px calc(50% - 10px), 45px 50%, 25px 50%, 25px calc(50% - 15px), 10px calc(50% - 15px), 10px calc(50% - 10px), 25px calc(50% - 10px), 25px calc(50% - 2.5px), 0px calc(50% - 2.5px), 0px 50%, 50% 50%, 45px 50%, 45px calc(100% - 45px), 60px calc(100% - 45px), 65px calc(100% - 40px), 40px calc(100% - 40px), 40px calc(50% + 10px), 45px calc(50% + 10px), 45px 50%, 25px 50%, 25px calc(50% + 15px), 10px calc(50% + 15px), 10px calc(50% + 10px), 25px calc(50% + 10px), 25px calc(50% + 2.5px), 0px calc(50% + 2.5px), 0px 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) 45px, calc(100% - 60px) 45px, calc(100% - 65px) 40px, calc(100% - 40px) 40px, calc(100% - 40px) calc(50% - 10px), calc(100% - 45px) calc(50% - 10px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 15px), calc(100% - 10px) calc(50% - 15px), calc(100% - 10px) calc(50% - 10px), calc(100% - 25px) calc(50% - 10px), calc(100% - 25px) calc(50% - 2.5px), 100% calc(50% - 2.5px), 100% 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) calc(100% - 45px), calc(100% - 60px) calc(100% - 45px), calc(100% - 65px) calc(100% - 40px), calc(100% - 40px) calc(100% - 40px), calc(100% - 40px) calc(50% + 10px), calc(100% - 45px) calc(50% + 10px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% + 15px), calc(100% - 10px) calc(50% + 15px), calc(100% - 10px) calc(50% + 10px), calc(100% - 25px) calc(50% + 10px), calc(100% - 25px) calc(50% + 2.5px), 100% calc(50% + 2.5px), 100% 50%, 50% 50%);
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
        width: calc(50% + 100px);
        clip-path: polygon(0px 0px, 100% 0px, calc(100% - 200px) 100%, 0px 100%);
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
        transform: rotateZ(-45deg);
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
        width: calc(50% + 100px);
        clip-path: polygon(100% 0px, 100% 100%, 0px 100%, 200px 0px);
        padding: 0px 0px 0px 140px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
        padding: 15px 20px 0px 60px;
        font-size: 20px;
        line-height: 25px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
        -webkit-line-clamp: 2;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
        padding: 10px 20px 10px 10px;
        font-size: 16px;
        line-height: 30px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width: 768px) {
    .recent-post-item#swiperBar {
        height: 200px;
        padding: 0px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
        width: calc(50% + 50px);
        clip-path: polygon(0px 0px, 100% 0px, calc(100% - 100px) 100%, 0px 100%);
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
        transform: rotateZ(-60deg);
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
        width: calc(50% + 50px);
        clip-path: polygon(100% 0px, 100% 100%, 0px 100%, 100px 0px);
        padding: 0px 0px 0px 60px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
        padding: 10px 16px 0px 45px;
        font-size: 16px;
        line-height: 20px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
        -webkit-line-clamp: 2;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
        padding: 0px 15px 10px 5px;
        font-size: 14px;
        line-height: 20px;
    }
    .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
        -webkit-line-clamp: 4;
    }
}

#aside-content .card-tags .card-tag-cloud,
#page .tag-cloud-list .card-tag-cloud {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box {
    position: relative;
    z-index: 1;
    background: 0px 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: rgb(255, 255, 255);
    font-family: UnidreamLED, TaikoMagic;
    border-radius: 3px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box::before,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    background: rgb(23, 36, 51);
    border-radius: 3px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box::after,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::after {
    content: "";
    z-index: -1;
    position: absolute;
    display: block;
    background: 0px 0px;
    border-color: rgb(253, 64, 0);
    border-style: dotted solid solid none;
    border-radius: 3px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
    overflow: hidden;
    z-index: 1;
    margin: 0px 3px 0px 0px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
    float: left;
    white-space: nowrap;
    animation: 4s cubic-bezier(0.6, 0, 0.5, 1) 0s infinite alternate none running text-roll;
    min-width: 100%;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length {
    z-index: 1;
    position: relative;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length::after,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
    content: "";
    position: absolute;
    box-shadow: rgb(35, 35, 35) 0px 0px 0px 0.5px inset;
    background: linear-gradient(to right, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box {
    width: 80px;
    height: 60px;
    margin: 0px 4px 4px 0px;
    padding: 0px 10px 0px 5px;
    font-size: 12px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box::before {
    width: 80px;
    height: 60px;
    clip-path: polygon(0px 6px, 40px 6px, 45px 0px, 100% 0px, 100% calc(50% - 12px), calc(100% - 5px) calc(50% - 10px), calc(100% - 5px) calc(50% + 10px), 100% calc(50% + 12px), 100% 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: rgb(74, 79, 86) 0px 0px 0px 3px inset;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box::after {
    top: 4px;
    left: 2px;
    width: 72px;
    height: 41px;
    border-width: 3px 5px 10px 0px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
    width: 4em;
    height: 12px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
    line-height: 12px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length {
    line-height: 12px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
    width: 60px;
    height: 3px;
    right: 0px;
    bottom: -10px;
}

#aside-content .card-tags .card-tag-cloud a.ark-tags-button {
    background: rgb(0, 0, 0);
    width: 200px;
    height: 30px;
    display: flex;
    font-size: 12px;
    font-family: UnidreamLED, TaikoMagic;
    text-align: center;
    box-shadow: rgb(74, 79, 86) 0px 0px 0px 3px inset;
    border-radius: 3px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box {
    width: 100px;
    height: 70px;
    margin: 0px 4px 4px;
    padding: 0px 10px 0px 5px;
    font-size: 12px;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::before {
    width: 100px;
    height: 70px;
    clip-path: polygon(0px 6px, 40px 6px, 45px 0px, 100% 0px, 100% calc(50% - 12px), calc(100% - 5px) calc(50% - 10px), calc(100% - 5px) calc(50% + 10px), 100% calc(50% + 12px), 100% 100%, 10px 100%, 0px calc(100% - 10px));
    box-shadow: rgb(74, 79, 86) 0px 0px 0px 3px inset;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::after {
    top: 4px;
    left: 2px;
    width: 92px;
    height: 50px;
    border-width: 3px 5px 10px 0px;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
    width: 6em;
    height: 14px;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
    line-height: 12px;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length {
    line-height: 12px;
}

#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
    width: 80px;
    height: 3px;
    right: 0px;
    bottom: -12px;
}

@-webkit-keyframes text-roll {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: 100%;
        transform: translateX(-100%);
    }
}

@keyframes text-roll {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: 100%;
        transform: translateX(-100%);
    }
}

.tk-input .el-textarea__inner {
    height: 130px !important;
}

.tk-input .el-textarea__inner:focus {
    background-image: none !important;
}

.tk-comment * {
    font-size: 16px !important;
}

.tk-comment .tk-main .tk-row {
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.tk-comment .tk-main .tk-replies .tk-avatar {
    height: 2.5em;
    width: 2.5em;
    margin: 0px 10px;
}

.tk-comment .tk-main .tk-replies .tk-avatar .tk-avatar-img {
    height: 2.5em;
    width: 2.5em;
}

@media screen and (max-width: 600px) {
    .tk-comment .tk-main .tk-extras {
        display: none;
    }
    .tk-comment .tk-main .tk-replies {
        left: -50px;
    }
    .tk-comment .tk-main .tk-content {
        position: relative;
        padding: 5px 5px 5px 10px;
        line-height: 1.2;
        width: fit-content;
        max-width: 100%;
        background: linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(135deg, rgba(66, 177, 226, 0.6), transparent 0.2px);
        border-width: 2px 2px 7px;
        border-style: solid;
        border-color: var(--ark-left-border-color);
        clip-path: polygon(0px 0px, calc(100% - 15px) 0px, 100% 15px, 100% 100%, calc(100% - 80px) 100%, calc(100% - 85px) calc(100% - 5px), 15px calc(100% - 5px), 0px calc(100% - 20px));
    }
}

@media screen and (min-width: 600px) {
    .tk-comment .tk-main>.tk-row {
        -webkit-box-pack: start;
        justify-content: flex-start;
        background: var(--ark-left-border-color);
        width: fit-content;
        padding: 0px 80px 0px 10px;
        clip-path: polygon(0px 0px, calc(100% - 80px) 0px, calc(100% - 50px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), 100% 100%, 0px 100%);
    }
    .tk-comment .tk-main .tk-content {
        position: relative;
        padding: 5px 5px 5px 10px;
        width: fit-content;
        min-width: 350px;
        max-width: 100%;
        background: linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(135deg, rgba(66, 177, 226, 0.6), transparent 0.9px);
        margin: 0px 80px 0px 0px;
        border-width: 2px 2px 7px;
        border-style: solid;
        border-color: var(--ark-left-border-color);
        clip-path: polygon(0px 0px, calc(100% - 15px) 0px, 100% 15px, 100% 100%, calc(100% - 80px) 100%, calc(100% - 85px) calc(100% - 5px), 15px calc(100% - 5px), 0px calc(100% - 20px));
    }
    .tk-comment.tk-master {
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .tk-comment.tk-master .tk-main {
        display: flex;
        -webkit-box-orient: vertical;
        flex-direction: column;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .tk-comment.tk-master .tk-main>.tk-row {
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding: 0px 10px 0px 80px !important;
        clip-path: polygon(100% 0px, 80px 0px, 50px calc(100% - 5px), 5px calc(100% - 5px), 0px 100%, 100% 100%) !important;
    }
    .tk-comment.tk-master .tk-main>.tk-row .tk-meta {
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .tk-comment.tk-master .tk-main .tk-content {
        position: relative;
        padding: 15px 30px 15px 15px;
        line-height: 1.5;
        margin: 0px 0px 0px 80px;
        border-width: 2px 2px 7px;
        border-style: solid;
        background: linear-gradient(-225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(-45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(45deg, rgba(66, 177, 226, 0.6), transparent 0.9px);
        clip-path: polygon(100% 0px, 15px 0px, 0px 15px, 0px 100%, 80px 100%, 85px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), 100% calc(100% - 20px));
    }
}

 :root {
    --recent-post-background: rgba(50, 50, 50, 0.9);
    --recent-post-color: #fff;
    --recent-post-content-border: rgba(117, 118, 120, 0.8);
    --recent-post-title-background: rgba(40, 40, 40, 0.95);
    --recent-post-title-color: #fff;
    --recent-post-title-corner-background: rgba(153, 54, 44, 0.8);
    --recent-post-title-corner-color: rgba(233, 233, 233, 0.9);
}

[data-theme="dark"] {
    --recent-post-background: rgba(40, 40, 40, 0.8);
    --recent-post-color: #fff;
    --recent-post-content-border: rgba(0, 78, 119, 0.5);
    --recent-post-title-background: rgba(10, 17, 35, 0.5);
    --recent-post-title-color: #004e77;
    --recent-post-title-corner-background: #37708f;
    --recent-post-title-corner-color: #92cef1;
}

.recent-post-item #git_container {
    color: var(--recent-post-color);
}

 ::-webkit-scrollbar-thumb {
    display: none;
}